nextjs2 Next.js에 GA4 붙여봤습니다 – 페이지뷰 & 이벤트 트래킹까지 실전 적용 가이드 안녕하세요, 이웃님들! 😊오늘은 제가 실제로 **Next.js 프로젝트에 Google Analytics 4(GA4)**를 연동하면서페이지뷰 트래킹과 이벤트 로그 수집까지 설정한 과정을 정리해보려고 해요.막상 해보면 복잡하지는 않지만,초기 설정부터 실전 사용까지 꼼꼼히 챙겨야 할 포인트가 은근히 많더라고요.✅ 1️⃣ GA4 기본 설정부터 시작하기🔗 analytics.google.com 접속해서 아래 순서대로 진행:'측정 시작' 클릭 → Google 계정으로 로그인새 GA4 속성 생성웹 스트림 등록 후 발급되는 측정 ID (예: G-XXXXXXXXXX) 복사해두세요✅ 2️⃣ 환경 변수로 GA ID 보관루트에 .env.local 파일 만들어서 다음처럼 추가:NEXT_PUBLIC_GA_ID=G-XXXXXXX.. 2025. 1. 24. Next.js + TypeScript에서 shadcn/ui 사용 후기 - 진짜 써보고 느낀 장단점 안녕하세요, 개발자 여러분! 😊오늘은 제가 최근 프로젝트에서 직접 사용해본 shadcn/ui 라이브러리 후기를 공유해보려고 합니다.Next.js와 TypeScript 환경에서 적용해봤는데, 개인적으로 정말 강추하고 싶은 경험이었어요.사실 처음엔 '이런 UI 라이브러리 또 나왔구나' 싶었는데, 막상 써보니 Radix UI와 Tailwind CSS 기반이라 그런지 생산성이 꽤 올라가더라고요. 특히 TypeScript랑 궁합이 좋아서 타입 안정성도 챙기면서 개발할 수 있었습니다.🛠️ 초기 설정부터 깔끔했다프로젝트에 shadcn/ui를 설치할 때 npx shadcn-ui@latest init 명령어를 사용했는데, 옵션이 정말 직관적이더라고요.👉 TypeScript 적용 여부부터 색상 테마 선택까지 쭉 나와.. 2025. 1. 9. 이전 1 다음
