바니를 산책하다가 만난 야생 말똥가리! 반가웠다 어쩌다가 저기 있는지 모르겠는데 생각보다 엄청 컸고 귀여웠다. 30초 정도 앉아있다가 다른 곳으로 날아갔다. 처음에는 매인줄 알았는데 아니었다. 몰라서 조류 갤러리에 물어보고 말똥가리라는 것을 알게 되었다. 이 새 이름좀 알려주세요 매인가요? - 조류 마이너 갤러리 ㅈㄱㄴ gall.dcinside.com 그리고 흔히 영화나 게임에서 간지 나는 맹금류의 울음소리로 흔히 사용하는 '퓌요오오오오오오오!' 하는 소리를 말똥가리가 낸다는 사실도 처음 알게 된 정보이다.
문제점 netlify로 배포 시 node 버전이 다르다고 배포 실패가 나옴. 7:21:12 AM: error 08_link_data@0.1.0: The engine "node" is incompatible with this module. Expected version "16.13.2". Got "16.19.0" 7:21:12 AM: error Found incompatible module. 버전이 다르다는 뜻.. 어떻게 해결해야 할지 몰랐지만 조금 검색해보니 나왔습니다. 해결방법 배포 프로젝트의 delpoy 셋팅에 들어가서 왼쪽 탭 Environment variables를 눌러줍니다. 그리고 Add a variable을 눌러줍니다. NODE_VERSION 고생하셨습니다. 사이트가 정상적으로 배포가 되었네..
시작 heroku에서 무료 티어 버전을 폐지한 것을 알고 fly.io로 이사를 시도하였다가 실패하게 되어서 cloudtype.io로 이사하게 되었습니다. 모두의 플랫폼팀, 클라우드타입 클라우드타입은 클라우드 기반 애플리케이션을 빠르게 개발하고 배포할 수 있는 클라우드 애플리케이션 플랫폼입니다. cloudtype.io 1. 로그인 2. 배포하기 깃 허브 계정을 연결 후 원하는 레포지토리를 설정해 줍니다. 3. 서버 커맨드 설정하기 프로젝트에 들어와서 설정을 누릅니다. 들어오시면 start command가 기본적으로 npm start로 되어있는데 각자 환경에 맞춰서 node 파일명. js로 설정해주시면 됩니다. 또한 install command에서 npm ci --production을 입력해주시면 packa..
구글 애널리스틱을 이용하여 사이트에 들어오는 방문자 수 및 각종 데이터를 확인하려고 합니다. 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..
- Total
- Today
- Yesterday
- 노개북
- 프리온보딩
- React
- 아차산
- 노마드코더
- nodejs
- NextRequest
- error
- 초보
- 북클럽
- createPortal
- 스토리 북
- electron
- WSL2
- 위코드
- 원티드
- 우아한테크코스
- nextjs
- NextApiRequest
- TopLayer
- 윤성우 열혈C프로그래밍
- javascript
- C언어
- env
- 프론트앤드
- import/order
- jest
- Storybook
- CLASS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |