똑같은 삽질은 2번 하지 말자

보호되어 있는 글입니다.

개요 GTM을 사용하면서 내가 셋팅한 dataLayer에서 GA로 정보를 전송하기 위해서는 dataLayer 담은 값을 GTM의 변수로써 셋팅해야 하는데 어떻게 하면 될까? 데이터 영역 버전? 변수구성의 탭에 들어가면 위의 사진처럼 데이터 영역 버전 이라는 것을 발견할 수 있다. 버전1 vs 버전2 https://www.simoahava.com/gtm-tips/data-layer-variable-versions-explained/ #GTMTips: Data Layer Variable Versions Explained A guide to how the two versions (1 and 2) of Google Tag Manager's Data Layer variable work, and how they a..

개요 Firebase Analytics와 Google Tag Manager 연동하면서 필요했던 내용들을 기록하자 Google Tag Manager란? 구글 태그관리자는 웹사이트 또는 모바일 앱에서 태그라고 통칭되는 추적 코드 및 관련 코드 조각을 쉽고 빠르게 업데이트할 수 있는 태그 관리 시스템 즉, 분석툴(Google Analytics같은 친구들)을 웹페이지(콘솔화면)같은 곳에서 추가, 관리하기 위한 하나의 툴이다. (딱히 javascript로 코드를 추가하기 않아도 이벤트들을 감지하는 트리거를 추가하는게 가능!) 태그(tags)란? 디지털 마케팅 및 분석에서 사용되는 태그는 HTML의 , , , 등과 같은 태그와는 비슷하지만 다른의미다. 애널리틱스 및 마케팅 업계에서 태그라고 할 때는 자바 스크립트(..

보호되어 있는 글입니다.

개요 workflow에서 run dev에서 어떤 에러메세지도 표시 안되고 actions가 멈춰있는 문제를 해결해보자 음.. 애초에 run dev 스크립트가 왜 들어갔는지 기억이 안나는데..(아마 create nuxt app으로 만들다가 자동으로 들어간거? 같다) CI / CD에 있어서 필요없다고 생각되므로 나중에 CD를 추가해 줄 때 삭제할 예정이다. 문제는 run dev가 성공했는지를 actions는 모른다는 것! 이었다. npm run linter, npm run build 와 npm run dev를 본인의 터미널에서 실행시켜보면 느낌이 올텐데 linter나 build는 성공, 실패가 결과창에 표시되면서 해당 스크립트가 종료되는데 run dev는 그렇지 않고 로컬서버가 돌아가는 것으로 스크립트는 계속..

보호되어 있는 글입니다.

개요 GCP (Google Cloud Platform) 에 대해 학습하면서 기록하고 싶은내용 GCP란? Google Cloud (GCP) 란, Google이 클라우드상에서 제공하는 서비스들의 총칭이다. GCP 글로벌 인프라 및 리소스 구조 리전(Region) 리소스를 호스팅 하는 특정한 지리적 위치(영역의 집합) 3개 이상의 영역으로 구성된다. 여러 리전에 리소스를 구성하면 재해 복구 설계 가능(Disaster Recovery) 예, us-east1 asia-northeas1(이게 도쿄) 영역(Zone) 하나이상의 데이터 센터 구성 각 영역은 물리적으로 서로 떨어진 곳에 구성 됨 여러 영역에 리소스를 구성하면 높은 수준의 장애 독립성을 얻을 수 있음(High Availability) 예 us-east1-..

개요nuxt에서 vee-validate를 사용하는데 이하의 코드를 추가안해서 에러가 발생했다.build: { transpile: ['vee-validate/dist/rules'],},빌드할 때 발생한 에러인데 webpack의 빌드옵션으로써 추가 설정이 들어가야 했었던 것이다.webpack 추가설정을 build property에서 이루어지는걸 보고 문득 buildModules와 modules의 차이는 뭐지? 라는 의식의 흐름이 생겨서 하는김에 plugins와 modules의 차이도 알아보려고 한다! Modules 란?모듈은 Nuxt의 핵심기능을 확장하고 Nuxt 부팅되는 동안 차례로 호출되는 함수이다.주목해야 할 부분이 있는데 Nuxt가 처리(빌드)하는 동안 각 모듈은 처리를 완료 할..

보호되어 있는 글입니다.

개요 AWS Lambda를 이용해 Image Resizing 해보기 해보고자 하는 기능은 S3 버킷에 이미지가 추가될 때 적절한 사이즈로 리사이징을 하는 함수를 만들것이다. 1. Lambda 함수를 생성한다. 2. Trigger 추가 트리거를 추가해 주고 S3 버킷에 이미지를 넣어보는데 event.Records[0].s3 안에 object에 넣은 이미지의 아이디가 들어있었다. 그럼 그 아이디를 이용해 버킷의 이미지를 가져와서 리사이징해서 다른 디렉터리에 넣어놓으면 된다. 3. 람다함수 작성 새로운 람다함수용 디렉터리를 생성해서 작성해준다. 람다함수는 개발환경을 마련하는게 좀 애매해서 일단 vscode에서 작성해 실제로 업로드해서 테스트하는 방식으로 하자. npm install --arch=x64 --pl..