![]()
1. JSX 문법리액트는 JSX(JavaScript XML)라는 확장 문법을 사용합니다.JSX를 사용하면 UI 구조를 HTML처럼 직관적으로 표현할 수 있어 가독성이 높고, 유지보수가 용이합니다. JSX 문법에 대해서는 추후 별도의 글에서 더 자세히 다루겠습니다.2. SPA (Single Page Application)리액트는 SPA를 쉽게 구현하기에 최적화된 대표적인 라이브러리입니다. SPA란 "단일 페이지로 구성된 웹 애플리케이션"으로사용자가 하나의 HTML 페이지 내에서 여러 화면을 전환하면서 사용할 수 있도록 만든 웹 애플리케이션입니다. 전통적인 웹사이트는 사용자가 페이지를 이동할 때마다새로운 HTML 문서를 서버로부터 받아와 전체를 다시 렌더링 합니다. 반면, SPA는 초기 로딩 시 한 번만 H..
![]()
1. React란?React는 Facebook(현 Meta)에서 개발한 컴포넌트 기반의 JavaScript UI(User Interface) 라이브러리입니다. "사용자와 상호작용(interaction)에 반응한다(react)"는 의미에서 React라는 이름이 붙었다고 합니다. React 공식 문서에서는 React를 다음과 같이 정의합니다:사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리 위 정의에서 핵심이 되는 키워드는 '사용자 인터페이스(UI)' 와 'JavaScript 라이브러리' 입니다.사용자 인터페이스 (UI): 웹사이트나 애플리케이션에서 보는 버튼, 텍스트 입력창, 이미지, 메뉴 등을 포함한 시각적인 부분을 의미합니다. React는 이러한 UI를 효율적으로 만들고 관리하는 데..
