리액트

프로젝트 초반 세팅

① CMD 창을 켜고, Desktop에서 새로운 폴더로 이동한다.

② npm create vite@latest .

(.을 뒤에 붙이는 이유는, 저걸 붙이지 않으면 리액트 프로젝트 생성 시 내부에 새로운 폴더를 또 만들어 버린다.)

③ 프레임워크와 사용 언어를 선택한다.

④ 먼저 App.jsx에 있던 내용을 다 지우고, 로고 파일도 삭제한다. index.css와 App.css의 내용을 비운다.

⑤ 폴더구조를 만든다. components, styles, pages 등등.

⑥ 기본적으로 설치할 만한 라이브러리들은 다음과 같다.

npm install react-router-dom axios @reduxjs/toolkit react-redux styled-components axios

react-router-dom : 라우팅 기능

axios : API 통신

@reduxjs/toolkit, react-redux : 상태관리 (리덕스 툴킷)

styled-components : 스타일 (CSS in JS)