웹개발 블로그

hook이 나오지 않는다면?Components 탭 클릭 후 위 '톱니바퀴' 클릭 Always parse hook names from source (may be slow) 체크

참고https://velog.io/@pipy201/Intellij-IDEA-Ultimate-Webstorm-Next.js-Debug 설정1. CSR 설정 (이름은 마음대로 지정하시면 됩니다.) 2. SSR 설정(이름은 마음대로 지정하시면 됩니다.)NODE_OPTIONS=--inspect 마지막으로🔥둘다 실행하면 됩니다. 🔥1. CSR 디버깅 버튼 클릭 2. SSR 디버깅 버튼 클릭

https://react.vlpt.us/basic/02-prepare.html 2. 작업환경 준비 · GitBook2. 작업환경 준비 참고: 만약, 여러분이 현재 사용중인 컴퓨터에 프로그램을 설치 할 수 없는 환경이라면, Codesandbox 의 리액트 샌드박스 를 사용하여 개발을 하시면 됩니다. 앞으로 계속해서 튜토react.vlpt.us1. node 설치https://nodejs.org/ko ㄴ LTS 버전 설치(윈도우) 3. react 라이브러리를 포함한 프로젝트 생성(begin-react 명칭으로 프로젝트가 생성되니 변경하시면 됩니다.)npx create-react-app begin-react  4. 실행npm run start

1. 에디터 실행( 비쥬얼스튜디오로 선택했습니다 )2. 터미널3. Node.js 설치https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 4. npx create-next-app nextjs-demo 명령어 입력4. 실행npm run dev // 개발모드에서 next.js 구동npm run build // 프로덕션 용도로 빌드npm run start // 프로덕션 서버를 시작 (프로덕션 빌드 후)npm run lint // next.js의 내장 ESLint 검사 ✅ 확인

.env 파일 만든 후 PORT=원하는 포트