열심히 살아나갈 사람
article thumbnail
React Router
JavaScript/React 2023. 12. 7. 21:14

React Router란? React Router는 Single Page Application(SPA)에서 페이지를 이동하는 것처럼 보이게 하는 라이브러리입니다. 이 라이브러리를 사용하면 사용자가 페이지 이동 없이 (즉, 페이지를 새로 로딩하지 않고) 다양한 뷰를 볼 수 있습니다. React Router는 react-router-dom 패키지 이름으로 설치할 수 있으며, 주요 컴포넌트로 BrowserRouter, Route, Switch(v5) 또는 Routes(v6) 등을 제공합니다. React Router 설치 React Router를 설치하려면 터미널에서 다음 npm 명령어를 실행합니다: npm install react-router-dom React Router 사용하기 React Router를 사..

Node.js와 npm 설치 및 React App 사용법
JavaScript/React 2023. 12. 7. 19:39

Node.js와 npm 설치 React를 사용하기 위해서는 Node.js와 npm(Node Package Manager)이 필요합니다. Node.js는 JavaScript를 브라우저 외부에서 실행할 수 있게 해주고, npm은 JavaScript 라이브러리를 설치하고 관리하는 데 사용됩니다. Node.js 공식 웹사이트 https://nodejs.org/에 접속하여 운영 체제에 맞는 LTS 버전을 다운로드합니다. 다운로드한 설치 파일을 실행하고 지시사항을 따라 설치를 완료합니다. 설치가 완료되면 터미널에서 node -v와 npm -v 명령어를 실행하여 Node.js와 npm이 정상적으로 설치되었는지 확인합니다. Create React App 설치 Create React App은 새로운 React 애플리케이..