NextJS 2

[next.js] Synchronous scripts should not be used 에러 해결

개인 웹페이지 만들기 프로젝트를개발 완성하고build를 해보려구npm run build를 하자error가 떴다 에러 내용은Synchronous scripts should not be used에러였고구글링해보니 이는nextjs는 서버사이드에서 렌더링하는데화면이 뜨기 전에 script를불러오려고해서 발생하는 문제였다 해결방법은 2가지가 있는데 1. script뒤에 defer 붙여주기 이렇게 불러오는 script 뒤에 defer를 붙여주면 된다 2. next.js의 script 사용하기next.js에서 제공하는 next/script 컴포넌트를사용하면 된다위와 같은 방식으로 사용하면 된다 strategy 속성의 값으로는beforeInteractive: 페이지가 인터랙티브해지기 전에 스크립트를 로드afterInt..

기술/웹 개발 2024.08.12

[웹개발/개인홈페이지 개발] next.js 설치 및 시작하기

이전부터 늘 해보고 싶었던개인 홈페이지 만들기 프로젝트 .. 너무너무너무 귀찮아서지금까지 미루고 미루다가 이젠 정말 남는 시간마다개발을 해보기로 했다 지금까지 내가 해본 웹 개발은백엔드 spring + 프론트 vanillaJS로정말 간단한 회사의 업무툴을두 번정도 만들어 보았고 회사 다닐 때spring으로 백엔드 작업 해본게전부이긴하다 그래도 웹개발하면 가장 많이쓰는node.js나 react를 한 번 접해보고싶었고이전부터 늘 개인 홈페이지를 만들어보고 싶었어서시작하게 된 프로젝트-!NextJS란?next.js는 웹 어플리케이션 무료로 배포로 유명한vercel이라는 회사에서 개발했다 Next.js는 react 기반의웹 개발 프레임워크이다 흔히 주로 비교되는 node.js와의가장 큰 차이점은 바로Server..

기술/웹 개발 2024.08.03