SPA (single page application) - main page(header, main component, footer) - sub page(header, sub component, footer) - detail page(header, detail component, footer) => Route 필요 Virtual DOM - 업데이트 된 부분만 component 가져와서 redering => routing이라 함 * 방법 1. TERMINAL 접속 2. npm init react-app test(파일명) (설치하는 방법은 다양함) - npx create-react-app test - npm i -g react-app test npm start Starts the development serv..

Multi-element Multi-element Test Function-component 비구조화 할당 Function-component 비구조화 할당 Test Component Component Test

Props 비구조화 할당 Props: 객체가 가지고 있는 속성으로 표현 ex. props.name, props.age 비구조화 할당: 내부에서 직접 사용할 수 있게 ex. {( name, age )}

개발 환경 설정 create, render JSX multielement

*리액트 자바스크립트 프레임워크: 리액트, 뷰, 앵귤러 프레임워크는 틀이 정해져있음(내장기능을 가짐) 사실 리액트는 자바스크립트 라이브러리임! 리액트는 필요할 때 추가로 라이브러리 설치해서 그 기능 가져올 수 있음 리액트는 SPA! 싱글페이지어플리케이션 => 한 페이지 (라우터 사용 -> 여러 페이지 볼 수 있게 라우팅 시킴) 추가 공부 => ajax, fetch API, 라우터, 리덕스, 넥스트 리액트: 사용자 화면 뷰를 만드는 라이브러리 버츄얼돔을 사용함 => 가상의 돔 기존 로딩은 전체 새로고침하지만 버츄얼돔은 변화가 일어난 부분만 새로고침함 하지만 간단한 페이지라면 굳이 버츄얼돔이 필요없음 => 아무거나 리액트로 개발하지 말라는 뜻. 적재적소. 리액트를 사용한 예시: 페이스북, 인스타, 핀터레스트..