전체 글 (510) 썸네일형 리스트형 엔피엠 npm은 자바스크립트에서 활용 가능한 기능을 구현한 코드 라이브러리(패키지)입니다. 자바스크립트를 위한 라이브러리인 만큼 세계에서 가장 큰 규모를 자랑합니다. 오픈소스로 누구나 패키지를 사용할 수 있으며 자신의 패키지를 만들어서 제공하는 것도 가능합니다 (private 패키지의 경우 유료). npm을 사용하려면 node.js를 설치하여야 합니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 패키지 사용하기 npm사이트에서 사용하고자 하는 패키지를 검색하고 안내에 따라 사용합니다. https://www.npmjs.com/ npm Bring the .. 타입스크립트 자바스크립트는 타입변형이 자유로운 언어입니다. 코드를 작성할 때 타입을 지정하지 않아도 자동으로 타입을 변경해 주기 때문에 코드작성은 쉬우나 동시에 발견하기 어려운 로직에러로 이어질 수 있는데요. 타입스크립트는 자바스크립트와 모든 기능과 문법을 사용하지만 타입제한을 강화한 언어로 개발과정에서 상기 언급한 에러의 가능성을 사전에 차단해 줍니다(자바스크립트의 모든 코드는 타입스크립트에서 사용가능하며 타입스크립트는 타입만 체크). 설치하기 타입스크립트를 브라우저가 인식하기 위해서는 타입스크립트를 자바스크립트로 컴파일해야 합니다. 타입스크립트 컴파일러는 타입스크립트 공식페이지(https://www.typescriptlang.org/)에서 가능한데요. 메인페이지에서 하얀 버튼을 누르면 로컬환경에 설치 (선택 시 .. 자바스크립트 컴포넌트 - 스탭퍼 구현 먼저 HTML에 필요한 만큼 단계를 지정합니다. 해당 애플리케이션에서 다음단계 또는 이전단계로 이동은 버튼을 사용했습니다. 1 2 3 4 Prev Next 아래와 같이 스타일을 지정합니다. 단계를 표시할 선은 바탕선이 될 요소와 단계진행에 따라 채워질 선을 표현할 요소 두 가지가 필요한데 '::before'를 사용해서 바탕선을 표시했습니다. '::before'의 경우 JS에서 사용할 수 없으므로 채워질 선으로 사용하기에는 적합하지 않습니다. /* main.css */ * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; background-color: rgb(224, 242, 236); ali.. 구글 시그널 구글 시그널은 세션을 기반으로 한 구글 사용자정보로 구글 My Ad Center에서 맞춤광고를 사용으로 설정한 사용자가 구글 제품에 로그인하였을 때 수집됩니다. ※ My Ads Center 링크 https://myadcenter.google.com/ Google 광고 관심설정 쿠키가 비활성화됨 브라우저의 쿠키가 비활성화되어 있는 것 같습니다. 브라우저의 쿠키를 활성화해야만 광고 관심설정 기능을 사용할 수 있습니다. 쿠키 활성화 방법 www.google.com 맞춤광고 사용설정은 우측에 'Personalized ads' 버튼을 누르고 'on'으로 바꾸면 됩니다. 기능 1. 교차기기 정보 수집 구글시그널은 사용하는 다른 기기들이 해당 사용자 정보를 공유할 수 있게 해 줍니다. 예를 들어 'Personaliz.. 구글 애널리틱스 이벤트 생성하기 구글애널리틱스는 사이트에서 일어나는 다양한 이벤트를 감지하고 보고서를 생성하는 기능을 제공합니다. 이러한 이벤트를 설정하는 방법에 대해서 알아보겠습니다. 애널리틱스의 구버전인 UA와 신버전인 GA4는 이벤트를 설정하는 방식이 조금 다른데요. 하나씩 보도록 하겠습니다. HTML 삽입 미리보기할 수 없는 소스 구글 애즈 전환 보고서 보기 구글애즈에서 설정된 구글 애즈 전환의 수치와 상태를 확인해 보겠습니다. 확인하기 먼저, 광고 중인 계정에서 상단 메뉴 '도구 및 설정' -> 측정항목에서 '전환'을 선택합니다. 요약 페이지가 열리고 아래와 같이 각 전환의 정보를 확인 가능한데요. 1. 전환액션 전환의 명칭을 의미합니다. 해당 명칭을 선택하면 전환 설정화면으로 이동 가능합니다. 생성된 구글애즈 전환 설정 변경하기 (tistory.com) 생성된 구글애즈 전환 설정 변경하기 html { scroll-behavior: smooth; } 전환 페이지로 이동하기 수정하기 1. 전환이름 수정하기 2. 목표 및 최적화 수정하기 3. 값 수정하기 4. 소스 5. 횟수 6. 클릭연결 전환 추적 기간 7. 조회 완료 전환 추적 jin-co.tistory... 구글 애널리틱스 GA4 수동생성된 이벤트 보고서 누락? 구글 애널리틱스 GA4에서 이벤트를 수동으로 생성 후 보고서에는 뜨는데 막상 전환으로 설정하려고 하니 아무리 기다려도 이벤트 목록에 뜨지 않는 경험이 있으신가요? 이러한 현상이 발생하는 이유는 해당 데이터의 양이 일정 수준을 넘어야만 보고서에 표시하는 data threshold (최소 데이터양)가 원인인데요. 최소 데이터양이 적용되는 조건과 이를 우회하여 수동 이벤트를 보고서에 표시하기 위한 방법을 알아보겠습니다. 원인 애널리틱스에서 여러 속성을 관리하시는 분들은 아시겠지만 수동이벤트를 생성한다고 해서 무조건 최소 데이터양을 넘어야 이벤트나 보고서에 표시되는 것은 아닌데요. 최소 데이터양 제한은 구글 시그널을 사용할 때 활성화되는 사용자 추가 정보 때문에 적용됩니다. 구글 시그널이 활성화되면 사용자가 가.. 구글 애널리틱스 GA4 이벤트? GA4는 이벤트를 기반으로 작동하며 전환, 전자상거래 등의 설정도 모두 이벤트를 기반으로 합니다. 이벤트는 사용자가 웹사이트에서 하는 모든 행동을 의미합니다. 먼저, GA4에서 제공하는 이벤트의 종류를 보겠습니다. 이벤트 종류 이벤트는 크게 자동이벤트, 추천이벤트, 수동이벤트로 나뉘는데요. 자동과 추천 이벤트는 많이 사용되는 이벤트를 기준으로 구글에서 미리 구현해 놓은 이벤트이며 정해진 이벤트 이름을 가집니다. ※ 구분 이벤트 종류 자동이벤트 향상된이벤트 추천이벤트 수동이벤트 구현방식 자동집계 (설정 불필요) 자동집계 (켜기/끄기) 이벤트 설정 및 전송 이벤트 설정 및 전송 기본 매개변수 있음 없음 매개변수 보고서 설정 불필요 (제공되는 매개변수인 경우) 필요 보고서 표시 제한 없음 있음 1. 자동이벤트.. 이전 1 ··· 43 44 45 46 47 48 49 ··· 64 다음
