프론트엔드
Prop
Prop은 properties의 줄임말로, 부모 컴포넌트가 자식 컴포넌트에 넘겨주는 입력 데이터입니다.
쉬운 설명
부모 컴포넌트가 자식 컴포넌트에 전달하는 입력값.
배경과 쓰임까지 이해하기
조금 더 자세히
Prop은 properties의 줄임말로, 부모 컴포넌트가 자식 컴포넌트에 넘겨주는 입력 데이터입니다.
같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.
Prop은 밖에서 들어오는 값이고, state는 컴포넌트 안에서 변하며 관리되는 값에 가깝습니다.
실제로는 이렇게 만나요
Prop은(는) 실제 작업 흐름에서 Component, React, Frontend 같은 개념과 함께 등장합니다.
- 이런 거 할 때 나와요 같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.
- 이렇게 생겼어요 Prop은(는) Component, React, Frontend 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 프론트엔드 작업을 하다가 Component, React, Frontend를 확인하는 화면
헷갈리기 쉬운 점
Prop은 밖에서 들어오는 값이고, state는 컴포넌트 안에서 변하며 관리되는 값에 가깝습니다.
왜 알아두면 좋을까요?
같은 카드 컴포넌트에 다른 제목, 설명, 이미지, 클릭 동작을 넣어 재사용할 때 자주 씁니다.
Checklist
실제로 볼 때 확인할 것
- 01
정의보다 쓰이는 상황을 먼저 본다
- 02
관련 개념을 함께 확인한다
- 03
실제 프로젝트에서 등장한 위치를 기록한다