본문 바로가기

반응형

전체 글

(511)
Google Signal Google signal is a session based user data. The data is collected when a user who turned on 'personalized ads' in My Ad Center logs on any Google product. ※ How to set personalized ads? Go go My Ads Center https://myadcenter.google.com/ Google 광고 관심설정 쿠키가 비활성화됨 브라우저의 쿠키가 비활성화되어 있는 것 같습니다. 브라우저의 쿠키를 활성화해야만 광고 관심설정 기능을 사용할 수 있습니다. 쿠키 활성화 방법 www.google.com Turn on the 'personalized ads' on top righ..
Analytics Dimensions and Metrics Dimensions Dimensions are the attributes of data and holds metrics as its value. They are usually displayed in a text format. When there is no incoming data for a dimension, it is marked as (not set) in the report. Each dimension has a different condition to activate. 1. Attribution ▶ List Campaign / Campaign ID, Default channel group, Medium, Source, Source / medium, Source platform -> The dime..
React React is the most popular framework followed by Angular and Vue. React, like Angular uses components to build an application. However, React does not come with native features like Angular. Instead, it uses other libraries which makes React compact and small in terms of size.Creating a React AppThe easiest way to create a new React app is to use the command below. Run the command in the terminal..
JS Component - Expanding Search Bar Implementaion First, let's add a search bar and a button in the HTML Add basic styles in the CSS /* main.css */ * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; align-items: center; justify-content: center; background-color: lightcoral; } .input-box { position: relative; } input { height: 50px; width: 50px; border-radius: 15px; transition: 0.4s ease; font..
.NET - Cleaning Up Program File: Service Extension Method In .NET, Program.cs is the entry point to the application. It contains the necessary configurations that the application needs. The thing is that as the size of a project grows, the number of services you need would grow too and it will start to get crowded which makes it hard to read and prone to errors. So let's see how we can solve this problem. Implementation As the purpose is to make our co..
tstory - Multi-Lingual Blog (Poster Skin) Completed Codes English Blog Code - Changing Language ▶ English Post Common Style ▶ Skin Editor (CSS) .category_list>li:nth-of-type(even) { display: none; } Creating Buttons to Change Languages ▶ Korean Post ▶ English Post ※ Note that the address for each post should be changed to a matching pair. Background When I started blogging, I made two separate blogs with separate platforms for English (..
tstory - How to Use the Format I had two blogs on the same subject but in different languages. In an attempt to make managing them easier. I added a multi-language feature in one blog which is using a platform called 'tstory'. After copying and pasting the multi-language function code manually whenever I created a post. I got to think that there might be a way to automize this process. I found 'form' on the admin page and tho..
티스토리 서식 활용하여 스타일 공통적용하기 기존에 따로 관리하던 영문 블로그를 티스토리로 옮기기로 하고 얼마 전에 코드를 통해 다국어 블로그를 만들었습니다. 블로그를 쓸 때마다 수작업으로 해당코드를 해당 포스트에서 가져와 붙이는 작업을 하다 문득 다른 방법이 있을 거 같아 관리자 페이지를 살펴보니 '서식'이라는 기능이 있더군요. '서식'은 이름대로 설정해 둔 서식이나 기능을 저장해 두고 필요할 때 가져다 쓰는 기능입니다. 서식 만들기 서식 만들기는 아주 간단합니다. 관리자 페이지에서 메뉴 중 '서식관리'를 선택하고 열린 화면에서 '서식 쓰기' 선택 후 서식을 작성하고 저장하면 완료됩니다. 서식 만들기 예시 1. 서식 만들기 기존에 만들어 둔 다국어 블로그를 예시로 서식을 만들어 볼까요? '서식 쓰기'를 선택하면 아래처럼 일반 포스트 편집화면이 열..

728x90