React

NextJS를 먹어보던 중 에러가 발생했다. 이거 이거 CRA랑 판박이네, 그냥 설정해 봐야지. 하다가 또 당했다. 이 포스트에서는 NextJS를 처음 시작하다가 마주한 요상한 에러에 대해 알아본다. 1. 원인 Create next app를 사용해 앱을 실행시키려니 다음과 같은 에러가 등장했다. 무슨 파일을 열지 못한다는데 이상한 에러다. 그래서 검색을 했고 3초만에 답을 알아냈다. (base) ➜ next-learn git:(main) ✗ PORT=3003 npm run start > my-app@0.1.0 start > next start ▲ Next.js 14.1.0 - Local: http://localhost:3003 [Error: ENOENT: no such file or directory, ..

가끔 로컬에서 개발하다 보면 보안 정책 때문에 HTTPS를 적용할 필요가 생깁니다. Native API를 사용하거나 통신상 HTTPS 여야만 가능하다거나 하는데 이때마다 인증서를 발급하고 적용하기란 여간 귀찮은 일이 아니죠. 이런 이유로 CRA(create-react-app)에서는 자체 HTTPS를 제공합니다. 그 실행 방법도 너무나 간편해서 누구나 쉽게 따라 할 수 있습니다. 1. 명령어 먼저 create-react-app를 설치해줍니다. 타입스크립트를 사용한다면 뒤에 --template typescript를 추가하면 되고, 그렇지 않다면 아래 명령어를 입력하기만 하면 됩니다. npx create-react-app my-app 앱 디렉토리로 이동한 후 아래 명령어로 실행해주기만 하면 끝납니다. HTTP..