TIL

vercel이라는 명령어를 터미널에 입력하는 것만으로도 바로 배포가 가능하가 git add , git commit, git push 안해도됨!Vercel CLI 설치: npm (Node Package Manager)을 사용하여 전역으로 Vercel CLI를 설치합니다. 터미널에서 다음 명령어를 실행하세요: npm install -g vercel설치 확인: 설치가 완료되면 다음 명령어로 Vercel CLI가 제대로 설치되었는지 확인합니다: vercel --version버전 정보가 표시되면 설치가 성공적으로 완료된 것입니다.Vercel 계정 연결: 이제 'vercel login' 명령어를 사용하여 Vercel 계정에 로그인할 수 있습니다: vercel login브라우저 창이 열리면 Vercel 계정으로 로그..

Error: This action with HTTP GET is not supported by NextAuth.js✓ Compiled /api/[...nextauth] in 179ms (2268 modules) GET /api/auth/error 400 in 303ms구현 완료후 테스트하는데 자꾸 이런 에러가 난다할 것 다했는데 자꾸 저 주소로 들어가면 에러가 나는 것이었다. http://localhost:3000/api/auth/callback 알고보니src/app/api/auth/[...nextauth]/route.ts이 경로여야 하는데src/app/api/[...nextauth]/route.ts 로 하고 있었던 것..auth 폴더 때문에 4시간 허비했다. 하ㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏㅏ..

next js 으로 초기에 프로젝트 설정하고 그것을 github에 올리고, vercel 배포하는 과정까지 정리하겠다. 1. 터미널에서 next js 프로젝트 설치npx create-next-app@latest 다음에 나오는 사항들 적절하게 설정하기 ,nextjs app router 사용하는 기준, project name만 정하고 나머지 다 디폴트값으로하기 What is your project named? my-appWould you like to use TypeScript? No / YesWould you like to use ESLint? No / YesWould you like to use Tailwind CSS? No / YesWould you like your code inside a `src/`..

Google Custom Search Engine ID (CSE ID)를 설정하는 방법을 단계별로 설명 Google Programmable Search Engine 페이지 방문: https://programmablesearchengine.google.com/cse/all 에 접속하세요.새 검색 엔진 생성: "새 검색 엔진" 버튼을 클릭하세요.검색 엔진 설정:"검색할 사이트" 필드에 "www.google.com"을 입력하세요."언어" 설정에서 원하는 언어를 선택하세요."이름" 필드에 검색 엔진의 이름을 입력하세요 (예: "News Search")."만들기" 버튼 클릭: 설정을 완료하고 검색 엔진을 생성하세요.CSE ID 찾기:생성된 검색 엔진의 "설정" 페이지로 이동하세요."기본" 탭에서 "검색 엔진 ID..

ip whitelist에 모든 주소가 올 수 있게 하면 된다. mongodb atlas 로 가서 network access로 간다. add ip address  allow access from anywhere 해결 완료

MongoDB Atlas 접속 - network access 들어가서ip주소를 내껄로 바꾸어주면된다. 내 ip주소 확인은 구글에 ip주소 확인 이라고 치면 많이 나온다https://findip.kr/ edit해서 내 ip주소를 변경해주면 끝

Mongodb atlas 에서 nextjs 에서 수행할 mongodb url을 찾는 법 왼쪽 사이드바에서 database access 접속 database access 에서 현재 있는 어드민 유저 edit 을 하거나 add new batabase user 로 새로운 유저 생성하기 하단에서 패스워드 생성  패스워드는 이후 password자리에 대체해주고 사용하면된다. mongodb+srv://{username}:@~~~mongodb.net

auto close tag검색하면 나오는 것 다운 html 작성할때 자동으로 closing tag 도 입력해줘서 편합니다

https://github.com/mikf/gallery-dl GitHub - mikf/gallery-dl: Command-line program to download image galleries and collections from several image hosting sitesCommand-line program to download image galleries and collections from several image hosting sites - mikf/gallery-dlgithub.com url을 입력해서 사진을 다운받는 받는 좋은 라이브러리가 있어서 소개동숲 산리오 디자인이랑 길 도트 각각 보드를 만들어 저장하고, 한번에 다운받으려고 했다 https://kr.pinterest.com/su..

https://tagmanager.google.com/구글 태그매니저로 구글 애널리틱스 적용하려면, 자바스크립트 코드를 추가해야하는데, 고대로 복붙하면 적용되지 않는다. 다음을 참고하면 된다. https://nextjs.org/docs/app/building-your-application/optimizing/third-party-libraries Optimizing: Third Party Libraries | Next.jsOptimize the performance of third-party libraries in your application with the `@next/third-parties` package.nextjs.org 설치npm install @next/third-parties@latest..