반응형 프론트엔드/리액트14 [React] 2장: Props - 컴포넌트에 생명 불어넣기 2장: Props - 컴포넌트에 생명 불어넣기Props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 통로입니다. Props를 통해 재사용 가능한 동적인 컴포넌트를 만드는 방법을 배웁니다.1. 핵심 개념Props (Properties): 부모 컴포넌트가 자식 컴포넌트에게 전달하는 데이터 묶음입니다. 자바스크립트 객체 형태로 전달되며, 자식 컴포넌트 내에서는 읽기 전용(read-only)입니다. 즉, 자식 컴포넌트가 직접 props를 수정해서는 안 됩니다. (이러한 규칙을 "Top-down data flow"라고 합니다.)Props 전달: 자식 컴포넌트를 사용할 때 HTML의 속성(attribute)처럼 propName="value" 형식으로 전달합니다.Props 사용: 자식 컴포넌트는 함수의 첫 .. 2025. 9. 16. [React] 1장: JSX와 컴포넌트 - React의 첫인상 1장: JSX와 컴포넌트 - React의 첫인상React 개발의 가장 기본이 되는 두 가지 개념, JSX와 컴포넌트에 대해 배웁니다. UI를 레고 블록처럼 조립 가능한 부품으로 만드는 방법을 이해합니다.1. 핵심 개념컴포넌트(Component): React는 UI를 "컴포넌트"라는 독립적이고 재사용 가능한 조각으로 나누어 관리합니다. 각 컴포넌트는 자신만의 로직(JavaScript)과 모양(JSX)을 가집니다. 현대 React에서는 JavaScript 함수로 컴포넌트를 만드는 함수형 컴포넌트가 표준입니다.JSX (JavaScript XML): JavaScript를 확장한 문법으로, UI가 어떻게 생겨야 하는지 설명하기 위해 사용됩니다. HTML과 매우 비슷해 보이지만 실제로는 JavaScript입니다. .. 2025. 9. 16. 이전 1 2 3 다음 반응형