에러

문제 상황작업을 하던 중 `localStorage is not defined`에러가 출력됐다.말 그래도 localStorage가 정의되지 않았다는 것이다.localStorage(로컬 저장소)브라우저 환경에서만 사용할 수 있는 웹 스토리지 API 중 하나이다. 클라이언트 측에서 데이터를 영구적으로 저장하는데 사용된다.`window` 객체의 하위 객체로 존재하며, `window`객체가 존재하는 환경(브라우저)에서만 사용할 수 있다.Next.js와 같은 SSR 환경에서 서버측 렌더링 시에는 브라우저 환경이 아닌 서버 환경에서 코드가 실행되기 때문에 `localStorage`를 사용할 수 없었던 것이다.Next.js에서 에러가 발생하는 이유1. SSR의 특징 : Next.js는 기본적으로 SSR을 지원하여 초기..

Github Pages를 사용해 포트폴리오 작업한 것을 배포하는 과정에서 에러가 발생했다.발생 원인🔥🔥 확장자 🔥🔥확장자(.js, .jsx, .ts, .tsx 등)을 작성하지 않아서 발생했다.(import할 때 확인이 꼭.. 꼭.. 꼭.. 필요하다..)확장자 없이 작성해도 로컬에서 실행할 때는 아무 이상이 없었다. 이유는 아래와 같다.1. 로컬 개발 환경(Vite Dev Server)- Vite의 개발 서버는 자동으로 파일 확장자를 해석- import 시 확장자를 생략해도 .js, .jsx, .ts, .tsx 등을 순차적으로 찾아서 처리- 개발 환경에서는 Vite가 모듈 번들링을 실시간으로 처리2. 프로덕션 환경(GitHub Pages)- 정적 호스팅 환경에서는 파일 확장자를 명시적으로 지정해야 ..