
https://nodejs.org/en/VisualStudio Code로 폴더 열기터미널에서 npx create-react-app .Ok to proceed가 뜬다면 -> y 눌러서 이어서 설치하기위 메세지가 뜨면 설치가 완료된 것npm start 입력하면 아

배포 npm start build 를 입력하면 build 폴더가 새로 생성된다. npx serve -s build
React >https://react.dev/ UI를 개발하는데 도움을 주는 JS라이브러리 웹개발에서 View 계층 종류 Declarative 선언형 Interactive한 UI를 만드는 데 도움을 준다. data가 변경되면 효율적으로 컴포넌트를 업데이트 한다

https://create-react-app.dev/node_modules : 의존성 패키지public/\* : 공유하는 파일, 기본적인 static filessrc/\* : 실제 codeindex.jsapp.jspackage.json: 프로젝트(applica

컴포넌트 : 화면을 나타내는 기본 단위React : 복잡한 UI를 여러 개의 컴포넌트로 구성되어 표현복잡한 View를 여러 개의 컴포넌트로 구성하여 표현할 수 있다.src/components/HelloWorld.jsApp.js과거 : Props만 전달하고 뷰만 렌더링현

Hook을 사용하여 모든 컴포넌트까지(함수형?) 독립적으로 재사용 가능하다.useState: 상태를 사용함useEffect: 상태가 변화할때 실행됨.useRef: 변경 가능한 ref객체 생성useContext: 컨텍스트 값을 사용함useMemo : 상태가 변화할 때 계
React Bootstrap(https://react-bootstrap.github.io/)MUI(https://mui.com/core/)AntDesign(https://ant.design/)shadcn-ui(https://ui.sh
https://reactrouter.com/en/mainRouter : URL에 따른 페이지 이동React-Router : React에서 URL에 따른 페이지 이동React : Client UI LibraryReact-Router : Client-Side-Ro

https://ko.redux.js.org/

리액트 플젝 하면서 시각화 라이브러리 써보고 좋았던 것들 기록! https://react-chartjs-2.js.org/examples/line-chart쓰기 쉽고 각 항목 눌렀을 때 움직임이 깔끔해서 좋았다 ㅎㅎhttps://ag-grid.com/r