
[React.js] 프로젝트 생성 및 기본 구조(소스코드포함) + 초보자용 디테일 설명
·
즐거운 웹 개발/Setting
1. 프로젝트 생성 node.js설치 (설치되어있다면 생략하시면 됩니다, 하단링크 들어가셔서 LTS 다운로드 후 실행) https://nodejs.org/en frontend 폴더 생성 visual studio code 프로그램 실행후 frontend 폴더 열기 TERMINAL에 npm init vite 입력 후 프로젝트 이름은 ./(현재 폴더에 생성) 치고 엔터 y 입력 후 framework는 React, variant는 JavaScript 선택 2. 프로젝트 구조 2.1 구조 설명 components : 여러 component에서 공통 사용되는 components 생성 항상 component 이름은 대문자로 시작 NotAuthRoutes.jsx : 로그인 된 사람이 로그인페이지나 회원가입 페이지 못들..