분류 전체보기 (511) 썸네일형 리스트형 Toggle button with CSS Let’s make a toggle button with HTML and CSS Implementation Option 1 HTML CSS /* toggle */ label { height: 30px; width: 60px; border-radius: 30px; } input { display: none; } input:checked + span { background-color: gray; } input:checked + span::before { left: 30px; } .toggle-circle { height: 100%; width: 100%; display: block; border-radius: 30px; transition: 0.4s ease; border: 1px solid black; p.. Audience, Segment You can add a certain type of audiences to target them in a remarketing campaign. Audiences can be created in Google Analytics or in Google Ads. Let’s see how. GA4 Click ‘Admin’ under the bottom left corner then select ‘Audiences’ under Property ‘All Users’ and ‘Purchaser’ are provided by default. Click ‘New audience’ Here, you can either create from scratch or use a template. 1. Start from Scra.. Google Ads Remarketing Campaign setup With Google Ads remarketing, it is possible to target a customer who visited the site or target a specific cagetory of customers when the customers search on Google or associated browsers. How to Create a Re Marketing Campaign Click ‘New campaign’ Choose a goal Check conversions (optional) - to remove, select the three dots on the right Select a campaign type Then create a campaign as you normal.. 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.. 닥커? 애플리케이션이 글로벌 환경에서 작동하기 위해서는 버전, 설정 등 기본적인 구성이 일치해야 하는데요 닥터는 애플리케이션 작동에 필요한 구성요소를 패키지로 묶어 추가 설정 없이 작동하게 해 줍니다. 닥커는 독립된 가상의 환경에서 작동한 다는 점에서 버츄얼머신과 비슷하지만 컨테이너 단위로 작동하기 때문에 버츄얼머신에 비해 사이즈가 작고 속도가 빠른 장점을 가집니다. 작동방법 닥커 파일을 통해 애플리케이션 구동에 필요한 지시서를 만들고 이를 통해 해당 애플리케이션을 패키지화하여 이미지로 저장합니다. 생생된 이미지는 구동에 필요한 모든 요소를 담고 있어 추가 구성없이 해당 이미지 컨테이너만 있으면 어떤 환경에서도 애플리케이션 구동이 가능하게 됩니다 설치하기 닥커 홈페이지로 이동하면 오퍼레이팅 시스템에 따라 자동으.. 이전 1 ··· 28 29 30 31 32 33 34 ··· 64 다음