리액트
React (웹 프레임워크) 공식페이지
- React.js는 JS 라이브러리 중 하나
- 페이스북에서 사용자 인터페이스를 만들기 위해 조던 워크가 개발
- 싱글 페이지 어플리케이션 및 모바일 어플리케이션 개발 가능
동작 원리
- 초기 렌더링 (화면)
- 가상 DOM 변경
- 재조정
- 실제 DOM 업데이트 (변경된 부분만 교체 = 빠름)
리액트 프로젝트 생성
'문서 > 설치 > 새로운 React 앱 만들기' 페이지에서 'create react app'가이드 참고
VSC 터미널에서 하단 코드 실행
npx create-react-app my-app
cd my-app
npm start
터미널에서 cd my-app
>>> my-app 디렉토리로 이동
npm start
>>> 리액트 앱을 실행함타입스크립트 기반으로 생성
다른 디렉토리로 이동 후
npx create-react-app todolist --template typescript
>>> todolist 디렉토리에 typescript 기반 리엑트 프로젝트 생성
.ts와 .tsx로 만들어진 것을 확인할 수 있다.
jsx
jsx 문법 정리해서 추가
ejs 와 차이도 알아보고 정리 추가
