[React] 프로젝트 구조

프로젝트 구조

 

npx create-react-app web --template typescript

npm start : 프로젝트 실행 npm build : 프로젝트 빌드 프로젝트 확인 : 크롬 주소창에서 localhost:3000

 

SPA (Single Page App)

 

싱글 페이지 애플리케이션은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹 사이트를 말한다. 기존 앱은 전체 페이지를 서버에서 받아왔다. SPA는 처음 필요한 데이터를 가져오고 페이지 전환없이 일부를 렌더링한다.

 

컴포넌트

 

컴포넌트는 리액트로 만들어진 앱을 이루는 최소한의 단위를 말한다.

 

사용자 정의 태그 클래스 기반 컴포넌트 함수 기반 컴포넌트