
구글 애널리스틱을 이용하여 사이트에 들어오는 방문자 수 및 각종 데이터를 확인하려고 합니다. Next.js에서 사용하는 방법을 기록하려 합니다. 시작하기! 1. 새로운 탭 만들기 이미 계정이 있으시다면 왼쪽 탭에서 관리를 눌러주시고 없으시다면 계정을 생성해 주세요. 속성 만들기를 누릅니다. 모든 설정을 마치고 만들기를 눌러주세요. 만들게 되면 이러한 화면이 나옵니다. 태그 안내 보기를 누릅니다. 이러한 스크립트가 나오는 곳까지 오시면 절반은 성공입니다! 2. Next.js 에서 _document 설정하기 document에서 script 설정을 해주어야 합니다. Next/Script를 이용하여 실행 순서를 설정해 줍니다. 둘 다 afterInteractive로 하여도 정상적으로 작동할 것입니다. 그리고. ..

문제점 . env에서 설정한 변수를 인식하지 못하거나 undefined로 나옴 . env에서 사용한 변수가 undefined일 때에는 next.config.js 에서 설정해주시면 잘 될 수 있습니다. 또한 next.js에서는 .env를 설정할 때 process.env.NEXT_PUBLIC_변수명으로 설정해주어야 합니다. 해결 방법 next.config.js의 내용을 수정하고 서버를 껏다 다시 키면 정상적으로 작동됩니다. next.config.js module.exports = { // 다른 코드들 // env 내용 추가 env: { BASE_URL: process.env.BASE_URL, }, };

이번에 작은 프로젝트를 하면서 광고를 넣으면 좋겠다고 생각해서 구글 애드센스를 넣다가 너무 많은 오류를 만나게 되어서 나중에 다시 보기 위해서 기록하게 되었습니다. 시작하기! 1. 사이트 등록하기 https://www.google.com/intl/ko_kr/adsense/start/ Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 웹사이트를 연결하면 됩니다. 2. 사이트 연결하기 스크립트를 연결하면 됩니다. 이때 Next.js 에서는 _document를 이용합니다. _document import {..

은퇴자금 기능 목록 내 노후 자금을 알아보자 ! ( 입력한 나이에서 100살까지) 혼자와 부부에 따라 다르게 결과를 보여주며 소비 성향에 따라 다르게 보여줌. 한국에서 은퇴하기 위해 필요한 돈을 계산해주는 어플리케이션. 은퇴 자금 테스트! 은퇴 이후, 얼마가 필요할까? 은퇴 자금 테스트 ! korean-retirement.vercel.app 깃허브 주소 GitHub - Gilpop8663/korean_retirement: 한국에서 은퇴 시기에 따른 은퇴 자금 정보를 알려주는 사이트입니 한국에서 은퇴 시기에 따른 은퇴 자금 정보를 알려주는 사이트입니다. Contribute to Gilpop8663/korean_retirement development by creating an account on GitHu..

각종 토이프로젝트와 원티드 프리온보딩을 하며 json-server을 이용해서 개발하였는데 이때 사용된 히로쿠 웹서버가 freetier을 지원하지 않게됨으로써 이사를 해야했다. 우선 저는 WSL2 환경입니다. FLY.io 설치 방법 여기서부터 막혔는데 WSL2는 linux 기반이기에 linux 커맨드를 이용해서 설치했습니다. curl -L https://fly.io/install.sh | sh 이 때 별다른 설정을 하지 않으면 command not found가 나오게 되는데 The Fly Global Application Platform Documentation and guides from the team at Fly.io. fly.io 로그인 방법 flyctl auth signup The Fly Glob..

우아한테크코스 5기 프론트앤드 과정에 합격 ! 합격한 기념으로 지금의 생각과 고민했던 부분을 남기고 싶어서 블로그에 글을 작성 중입니다. (글쓰기 연습 겸) 1. 지원하기 전 처음에 우아한테크코스에 지원하기 전에 고민을 했던 부분이 있었다. 그건 바로 10개월의 커리큘럼인데 나의 경우 개발자로 직업을 삼아야겠다고 마음먹은 지 1년 하고도 몇 개월은 지났기에 이제는 돈을 벌어야 될 것 같은 기분이었기에 돈을 벌기까지 너무 오래 걸린다고 생각해서 지원을 고민했었다. 그렇지만 지원하게 된 이유는 우아한테크코스 설명회에서 우테코 원래 취지(취직에 어려움이 있는 사람들을 교육시켜 좋은 인재로 거듭나게끔 하는 취지)에 맞게 비전공자 또는 다른 교육기관에 참여해보지 않거나 혜택을 별로 못 받은 사람들 개발자로 일을 ..

wsl2 환경에서 한글 폰트가 존재하지 않고 Ubuntu 환경에서 VcXsrv를 실행하기에 VcXsrv Windows X Server 가 한글을 인식하지 못하기 때문입니다. 참고 사이트 - https://kimchki.blogspot.com/2017/11/vcxsrv-windows-x-server.html VcXsrv Windows X Server 한글 깨짐 치매 걸리기 전에 기록하자 kimchki.blogspot.com https://clien-achive.blogspot.com/2016/08/bash-on-ubuntu-on-windows-1.html [강좌] Bash on Ubuntu on Windows 조금 편하게 한글 쓰기 [1] 모바일 페이지 얼마전 모공에 Bash on Ubuntu on Win..
- Total
- Today
- Yesterday
- error
- 아차산
- 프리온보딩
- nodejs
- 북클럽
- env
- Storybook
- 초보
- 프론트앤드
- React
- NextRequest
- 노마드코더
- nextjs
- 우아한테크코스
- 스토리 북
- 윤성우 열혈C프로그래밍
- 원티드
- javascript
- jest
- electron
- CLASS
- import/order
- 위코드
- NextApiRequest
- TopLayer
- C언어
- 노개북
- WSL2
- createPortal
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |