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

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

2025/04/08 2

자바스크립트 공부하기 - ... 전개 연산자. 리액트에서도 자주 쓰인다.

역시 뭐든 기초를 탄탄하게 하고 봐야 합니다..자바스크립트에서 휘릭 넘겼던 "..." 전개 연산자.리액트 배열 상태 상태 다룰 때 자주 쓰인다고 🥺다시 복습 갑시다 - !배열에서 ... (전개 연산자) 뜻배열이나 객체의 내용물을 풀어서(펼쳐서) 넣는 거예요. ✅ 예시 1: 배열 복사const arr = [1, 2, 3];const copied = [...arr];console.log(copied); // [1, 2, 3]→ ...arr은 arr의 요소들을 하나씩 꺼내서 새 배열에 넣어요. 깊은 복사는 아니고 얕은 복사예요.  ✅ 예시 2: 배열 합치기const a = [1, 2];const b = [3, 4];const combined = [...a, ...b];console.log(combined);..

Studying/JavaScript 2025.04.08

리액트 공부하기 - 상태 끌어올리기

추상적인 이름부터 어려운 상태 끌어올리기..너무 어려워.. 리액트 중 가장 어려운 개념 같다.1. 상태 끌어올리기를 하는 이유?2. 예시 코드 🎯 한 줄 정리"다른 컴포넌트도 이 값을 알아야 해?"그럼 끌어올려!💭 주로 언제 상태 끌어올리기를 쓸까?✅ 1. 두 개 이상의 컴포넌트가 같은 상태를 써야 할 때예:하나는 입력 컴포넌트,다른 하나는 입력된 내용을 보여주는 컴포넌트.→ 이럴 땐 상태를 각자 관리하지 말고, 부모에서 한 번만 관리하게 해야 해. ✅ 2. 부모가 자식의 상태를 알아야 할 때예:자식이 어떤 버튼을 클릭했는지에 따라부모가 뭔가 바꿔야 하는 상황 (예: 모달 열기, 리스트 업데이트 등)→ 자식에서 상태를 만들지 말고, 부모로 끌어올려서 부모가 제어하게 해! ✅ 3. 형제(같은 부모를 가..

카테고리 없음 2025.04.08