분류 전체보기 (484) 썸네일형 리스트형 Countdown with CSS Let’s see how to implement a countdown using CSS animation Implementation HTML Add numbers to countdown as needed 1 2 3 Go CSS Use CSS animation delay to show the counter in order. /* count */ .count { height: 50px; width: 50px; position: relative; margin: auto; overflow: hidden; } .count .num { height: 40px; position: absolute; bottom: -5px; left: 50%; transform-origin: bottom; transform: trans.. API (Application Programming Interface) The API acts as a middle man between the client and server. It allows you to share only necessary data in a secure way and for that many companies use API to share data. API 형식 RESTful API (suggested by Roy Fielding https://en.wikipedia.org/wiki/Roy_Fielding) There are a various ways of transferring data (HTTP, FTP,…) and this can cause incompatibility between the devices. RESTful API is to foll.. Asynchronous VS Synchronous Understanding the differences between Asynchronous and Synchronous models in programming is crucial. Synchronous, also referred to as a blocking-model or single-thread operation, handles things in order so when a task is handled other tasks have to wait their turn. On the other hand, Asynchronous, non-blocking-model or multi-thread operation, handles thing independently allowing multiple tasks a.. Docker - Installation To run your application globally, there are many things we have to set up from matching versions between each environment and configurations. Docket is a tool that allows us to manage the application in a container with all the necessary configurations. Docker is similar to a virtual machine in a sense that they both run on a virtual environment indepentantly from the major OS but docker runs on.. 닥커? 애플리케이션이 글로벌 환경에서 작동하기 위해서는 버전, 설정 등 기본적인 구성이 일치해야 하는데요 닥터는 애플리케이션 작동에 필요한 구성요소를 패키지로 묶어 추가 설정 없이 작동하게 해 줍니다. 닥커는 독립된 가상의 환경에서 작동한 다는 점에서 버츄얼머신과 비슷하지만 컨테이너 단위로 작동하기 때문에 버츄얼머신에 비해 사이즈가 작고 속도가 빠른 장점을 가집니다. 작동방법 닥커 파일을 통해 애플리케이션 구동에 필요한 지시서를 만들고 이를 통해 해당 애플리케이션을 패키지화하여 이미지로 저장합니다. 생생된 이미지는 구동에 필요한 모든 요소를 담고 있어 추가 구성없이 해당 이미지 컨테이너만 있으면 어떤 환경에서도 애플리케이션 구동이 가능하게 됩니다 설치하기 닥커 홈페이지로 이동하면 오퍼레이팅 시스템에 따라 자동으.. Data Request Let’s see how a request to the server is made in JavaScript. XML is an object that is supported in all most every browser. Before XML whenever there was a change in the data the browser had to reload to reflect the changes. XML separated handling of data from displaying contents on the screen which is handled by HTML by solely managing data making it possible to reflect changes without having to.. Day / Night Mode with JavaScript Lots of applications, nowadays, have a feature to change day and night modes. Let’s see how to make one using HTML, CSS, JS. This feature is quite straight forward so I am going to explain why to implement of what it does. Having said that let’s get into the code. (I tried to omit the unnecessary codes) Implementation HTML Custom welcome CSS /* html에 전역변수 지정 */ :root { --bg-light-alt: rgba(0, 0,.. How to Tell PC from Mobile in A Responsive APP A responsive application uses the same URL for both PC and mobile view so traditional way of differentiating between the PC and mobile using URL path cannot be used to implement desired features. In this writing I will show you a trick to go around this in a berry simple wayImplementationThe code we will use looks like below/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(na.. 이전 1 ··· 25 26 27 28 29 30 31 ··· 61 다음
