컴포넌트트리

[React] 리액트로 프로젝트 만들기

이 블로그는 한입 크기로 잘라먹는 리액트 강의를 듣고 복습하기 위해 작성되었습니다! 목차 1. 리액트 프로젝트 초기화 2. useState로 사용자 입력 처리 3. 여러 state 한번에 관리하기 1. 프로젝트 초기화 프로젝트를 처음 만드는 과정입니다. 1. 만들고 싶은 위치에 프로젝트 이름으로 폴더 만들기 2. Create-React-App으로 초기화하기 npx create-react-app [프로젝트 이름] (npx가 설치되어있지 않다면 아래 명령어로 따로 설치해야 합니다) npm install npx -g 3. 디렉토리, 파일 정리 위의 명령어로 설치할 경우 [프로젝트명]->[프로젝트명]->[파일들] 이런식으로 디렉토리 구조가 생기므로, [프로젝트명]->[파일들] 이렇게 되도록 파일들을 옮기고, 디..