프로그래밍 언어와 프레임워크

리액트(React)

리액트(React)은(는) 바이브 코딩 중 자주 마주치는 핵심 개념입니다. 정의만 외우기보다 실제 작업 흐름에서 어떤 역할을 하는지 이해하는 것이 중요합니다.

정확한 개념

웹 화면을 버튼, 카드, 목록 같은 컴포넌트 단위로 나누어 만드는 자바스크립트(Javascript) UI 라이브러리입니다.

AI에게 화면을 만들어달라고 하면 리액트(React) 컴포넌트 형태로 결과가 나오는 일이 많습니다. 컴포넌트 구조를 이해하면 AI가 만든 코드를 고치기 쉬워집니다.

Understanding

검색창은 `SearchInput`, 용어 카드는 `TermCard`, 전체 목록은 `DirectorySection`처럼 작은 조각으로 나눌 수 있습니다.

상태가 어디에 있어야 하는지 정하지 않으면 컴포넌트가 복잡해집니다. 표시만 하는 컴포넌트와 상태를 관리하는 컴포넌트를 구분하세요.

Checklist

현재 개념 리액트(React)