REACT 명령어 모음 및 router

 

프로젝트 생성 : 

npx create-react-app [생성할 프로젝트명] 

 

프로젝트 실행 : 

npm start

 

모듈 추가하기 : 

npm add 모듈명 => 

npm install 모듈명 

 

지금까지 사용한 모듈들 

- (2024-09-30) styled-components

- (2024-09-30) react-router-dom

- (2024-09-30) react-axios

 

---

BrowerRouter : 

React 애플리케이션에서 클라이언트 사이드 라우팅을 가능하게 

해주는 컴포넌트 URL을 관리하고 브라우저의 주소 변경에 따라 

올바른 컴포넌트를 렌더링해준다. 

 

Link : 

애플리케이션 내에서 다른 경로로 이동할 수 있게 

해주는 컴포넌트이다. <Link to="/[링크]">을 활용하여 

클릭 시 지정한 경로로 이동할 수 있다

 

Routes: 애플리케이션 내의 여러 경로를 정의하는 컨테이너 역할을 한다. 

내부에 여러 개의 Route를 포함할 수 있으며, 

URL과 일치하는 경로의 Route를 찾아 컴포넌트를 렌더링한다.

 

Route : 

특정 경로에 대한 컴포넌트를 정의한다. 

path 속성으로 경로를 설정하고 element 속성으로 

해당 경로에 렌더링할 컴포넌트를 지정한다.