프론트엔드

Prop

Prop은 properties의 줄임말로, 부모 컴포넌트가 자식 컴포넌트에 넘겨주는 입력 데이터입니다.

쉬운 설명

부모 컴포넌트가 자식 컴포넌트에 전달하는 입력값.

배경과 쓰임까지 이해하기

조금 더 자세히

Prop은 properties의 줄임말로, 부모 컴포넌트가 자식 컴포넌트에 넘겨주는 입력 데이터입니다.

같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.

Prop은 밖에서 들어오는 값이고, state는 컴포넌트 안에서 변하며 관리되는 값에 가깝습니다.

실제로는 이렇게 만나요

Prop은(는) 실제 작업 흐름에서 Component, React, Frontend 같은 개념과 함께 등장합니다.

  • 이런 거 할 때 나와요 같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.
  • 이렇게 생겼어요 Prop은(는) Component, React, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
  • 나오는 화면 예시 프론트엔드 작업을 하다가 Component, React, Frontend를 확인하는 화면

헷갈리기 쉬운 점

Prop은 밖에서 들어오는 값이고, state는 컴포넌트 안에서 변하며 관리되는 값에 가깝습니다.

왜 알아두면 좋을까요?

같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.

Checklist

실제로 볼 때 확인할 것

  1. 01

    정의보다 쓰이는 상황을 먼저 본다

  2. 02

    관련 개념을 함께 확인한다

  3. 03

    실제 프로젝트에서 등장한 위치를 기록한다

관계 지도

Prop 중심으로 관련 개념의 정의와 관계를 한눈에 정리했습니다.
Prop의 정의와 관련 개념 간 관계를 설명한 계층형 그래프