목록웹 개발/React (1)

멈추지 않는 기록

[React] 한 줄로 코드를 깔끔하게? 구조 분해 할당 완전 정복

서론 React를 처음 배웠을 때, useState를 쓸 때마다 나오는 []와 ()의 조합이 도대체 무슨 의미인지 헷갈렸던 기억이 있다. 그냥 외워서 쓰긴 했지만, 코드의 의도를 정확히 이해하긴 어려웠다. 그러다 구조 분해 할당이라는 개념을 알게 되면서, 그동안 막연했던 코드가 하나씩 명확해지기 시작했다. 이번 글에서는 이 구조 분해 할당이 어떤 개념이고, 왜 React에서 자주 쓰이는지 쉽게 설명해보려고 한다.   구조 분해 할당이란? 구조 분해 할당(Destructuring Assignment)은 객체나 배열에서 값을 꺼내서 변수에 간결하게 할당할 수 있는 자바스크립트 문법이다. 기존에는 배열이나 객체에서 값을 꺼낼 때 아래와 같은 방식으로 작성했다.const arr = [1, 2]const firs..
웹 개발/React 2025. 4. 5. 16:24
이전 Prev 1 Next 다음