귀여운 눈높이에서 작성된, 🐰

하루 한 걸음씩, 성장 하는 중 입니다 🫶🏻

2025/04/07 2

리액트 공부하기 - props

state를 겨우 이해했는데,props의 등장이네요 ! !  자꾸 들여다보면 이해가 되겠지 ? (사탄들의 학교에 루시퍼의 등장이란 ~)매 개념이 내게 루시퍼,,1. props를 비유로써 알아보자2. 코드 흐름3. 코드 예시4. 파라미터 라고 이해하면 편할까?5. 읽기 전용과 단방향의 의미6. 프롭스 전체 흐름7. props가 없을 때, 기본값을 넣고 싶을때 ! "defaultProps나 디스트럭처링"  사용props란 ? 비유로써 쉽게 알아보자. 비유: 엄마가 도시락을 싸서 아이에게 학교에 보내주는 것리액트 컴포넌트는 함수이자 **재료(데이터)**를 받아서 UI를 만들어주는 기계야. 이때 엄마가 싸준 도시락(재료)이 바로 props야!아이(자식 컴포넌트)는 도시락을 받고(=props를 받고) 그 안의 반..

Studying/React 2025.04.07

(예제 풀어보고, 코드 추가 하기) 리액트 공부하기 - state

1. state란?2. 어떻게 사용 하는가?3. 연습해볼 수 있는 예제🧞state란?→ 컴포넌트 내에서 변할 수 있는 데이터. → state란 React 컴포넌트의 상태를 의미. 컴포넌트의 기억 저장소라고 생각할 수 있다.예를 들면 쇼핑몰에서 찜 버튼을 클릭하면 해당 상품이 나의 찜 목록에 추가되는 동작처럼 동적으로 변경되어야 하는 데이터를 사용할 때에 state를 사용한다 :)쉽게 말하면, 컴포넌트의 변경할 수 있는 데이터는 state!state가 변경되면 컴포넌트는 리 렌더링되기 때문에 데이터 흐름에 사용되는 값만 ****state에 포함해야 한다. 🧞어떻게 사용할까?→ useState 훅!import { useState } from 'react';const Counter = () => { co..

Studying/React 2025.04.07