용어 사전 coding 용어 페이지

구조 분해

객체나 배열에서 필요한 값만 바로 꺼내는 문법

destructuring #javascript#syntax#readability

English version

다른 이름

구조 분해 할당destructuring

선수 개념

관련 개념

배열 함수 모듈

핵심 아이디어

구조 분해는 객체나 배열 전체를 계속 참조하지 않고, 필요한 값만 바로 꺼내 이름 붙이는 문법입니다. 선언부가 짧아지고 함수가 실제로 어떤 입력을 쓰는지 한눈에 드러난다는 장점이 있습니다.

이 블로그에서의 역할

Mathbong에서는 JavaScript 객체 다루기, 함수 매개변수 정리, 모듈 간 데이터 전달을 설명할 때 구조 분해를 사용합니다. 코드 길이를 줄이는 문법이면서 동시에 의도를 선명하게 만드는 읽기 도구입니다.

이 개념을 다루는 글

[JavaScript 시리즈 6편] 객체, 구조 분해, 모듈로 코드 정리하기 객체 리터럴, 구조 분해 할당, import/export를 이용해 데이터를 깔끔하게 나누고 재사용하는 패턴을 정리합니다.[JavaScript Series 6] Organize Code with Objects, Destructuring, and Modules Summarizes how to group related data with objects, pick only what you need via destructuring, and share logic cleanly through ES modules.