본문 바로가기

반응형

전체 글

(511)
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..
반응형 웹 디바이스 구분하기 반응형 사이트의 경우 사이트 경로가 동일하여 디바이스에 따른 구분을 하기 힘든데요. 스크린의 크기를 지정하여 구현하는 방법도 가능하지만 코드를 통해 간단히 구현하는 방법을 안내해 드리겠습니다. 구현하기 사용할 코드는 아래와 같은데요. /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) 화면에 따라 코드를 테스트 해 보면 아래처럼 디바이스에 따라 다른 값이 반환되는 것을 확인 가능합니다. 따라서 반환되는 값을 조건으로 지정하여 코드를 구현하면 됩니다! HTML 삽입 미리보기할 수 없는 소스
Google Tags Set Up - Shopify To get data from your Google products such as Google Ads and Google Analytics, we need something to link the site and your Google product. Google tags fills the gap and allows us not only to get data but alose to send events and conversions. The way to insert the tags differ from one site to another and in this writing, we will see how we can set up the Google tags in Shopify Implementation Logi..
Google Tags Set Up - Wix To get data from your Google products such as Google Ads and Google Analytics, we need something to link the site and your Google product. Google tags fills the gap and allows us not only to get data but alose to send events and conversions. The way to insert the tags differ from one site to another and in this writing, we will see how we can set up the Google tags in Wix Prerequisite If you are..
Google Tags Set Up - Iamweb To get data from your Google products such as Google Ads and Google Analytics, we need something to link the site and your Google product. Google tags fills the gap and allows us not only to get data but alose to send events and conversions. The way to insert the tags differ from one site to another and in this writing, we will see how we can set up the Google tags in Iamweb (one of the most pop..
Google Analytics - GA4 Custom Event Not Showing? Have you ever experienced that the custom events you created are not showing in the event list nor the report even thought is seems that the event is firing fine as you can see them in the real time report? This happends because of a data threshold that hides data from the view when they do not surpass a minimum amount of data. In this writing, we will see why this happens and how we can get aro..

728x90