기본세팅

기본개념익히기

<aside> 📌 리액트는 자바스크립트 라이브러리로써 SPA의 UI를 생성하는데 집중한 웹 프레임워크

자바스크립트에 HTML을 포함하는 **JSX(JavaScript XML)**이라는 간단한 문법과 단방향 데이터 바인딩(One-way Data Binding)을 사용하고 있고, **가상 돔(Virtual DOM)**이라는 개념을 사용하여 웹 애플리케이션의 퍼포먼스를 최적화한 라이브러리임

참고링크1 / 참고링크2

</aside>

• SPA란? (면접질문多)
• JSX란?
• 리액트는 페이지 전환 기능을 제공하지 않기 때문에, react-route와 같은 추가적인 라이브러리를 사용해야 함

React의 특징

• Data Flow : 데이터의 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름
• Component 기반 구조
• Virtual Dom : 가상돔
• Props and State
• JSX

React의 장점

• 컴포넌트 단위로 쪼개져 있기 때문에, 전체 코드를 파악하기가 상대적으로 쉬움
• 기능 단위, UI 단위로 캡슐화시켜 코드를 관리하기 때문에 재사용성이 높음
• 코드는 반복해 입력할 필요 없이, 컴포넌트만 import해 사용하면 되는 간편함
• 애플리케이션이 복잡해지더라도 코드의 유지보수, 관리가 용이