Study-Log

react-router-domBrouserRouter : HTML5의 history API를 활용하여 UI를 업데이트HashRouter :URL의 hash를 활용한 라우터, 정적인(static)페이지에 적합-> 보통 동적인 페이지를 제작하므로 보편적으로 사용❗react-router-dom 설치npm install react-router-dom❗react-router-dom 사용import {Routes, Route, Link} from "react-router-dom";❗BrouserRouter프로젝트에 라우터 적용프로젝트 최상단인 index.js에 적용하면 자식에서 라우팅 기능 사용 가능root.render( );❗Route특정 주소에 연결} />} />❗Link클릭하면 ..

❗프로젝트 만들기npm init react-app 프로젝트명 ❗프로젝트 기본 구조node_modules 폴더 : 다양한 자바스크립트 라이브러리가 자동으로 설치가 되어있음public 폴더 : 리액트로 개발하는 모든 파일은 javascript로 구성, 최종적으로 index.html로 구동src 폴더 : 리액트 코드들을 개발해나감package.json : 전체 프로젝트에 대한 정보를 담고 있음 ❗프로젝트 설치 완료 및 실행npm startnpm start 실행시 index.js 실행  ❗컴포넌트 만들기(경로 : pages/Home.js)함수형 컴포넌트import React from "react";function Home(){ return Home화면입니다.}export default Home;// 화살표 함..