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를 사용하기 위해서는 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 애플리케이..

jQuery는 JavaScript 라이브러리로, HTML 문서의 스크립트 태그 내에서 사용할 수 있습니다. jQuery를 사용하기 위해서는 해당 라이브러리를 로드해야 합니다. 1번 방법 : 파일을 다운로드하여 workspace에 적용 2번 방법 : 링크 사용(CDN 방법) 보통 라이브러리를 가져올 때 CDN 방법을 선호한다고 합니다. 로드된 jQuery를 사용하기 위해 스크립트 태그 내에 코드를 작성할 수 있습니다. 정식 방법 1: $(document).ready(function() { }) 정식 방법 2: $(document).ready(() => { }) 약식 방법 1: $(function() { }) 약식 방법 2: $(() => { }) 위에 4가지 방법으로 jQuery를 사용하는 예시가 제시되어..