본문 바로가기

공부/타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js)

프론트엔드 기초: React + TypeScript(8)-리액트, 프로젝트생성

타입스크립트 기반의 리액트

리액트란?

React (웹 프레임워크)

🔸React.js는 자바스크립트 라이브러리의 하나임

🔸사용자 인터페이스를 만들기 위해 페이스북(조던 워크)에서 개발

🔸싱글 페이지 어플리케이션(SPA) 및 모바일 어플리케이션 개발 가능

🔸2011년 페이스북의 뉴스피드에 처음 적용, 2012년 인스타그램닷컴에 적용

🔸2013년 발표, 오픈소스화 됨

React 사이트

🔸우리는 배우는 차원에서 스스로 할 수 있는 수준까지 되도록 끊임없이 고민해야함

🔸공식문서 및 검색에 익숙해져야 함

리액트의 동작원리

🔸초기 랜더링

🔸가상 DOM 변경

🔸재조정

🔸실제 DOM 업데이트

(파셜랜더링)

🤓프로젝스 생성하기

.jsx