옹재
소소한 개발 블로그
옹재
전체 방문자
오늘
어제
  • 분류 전체보기 (66)
    • 개발 관련 서적 스터디 (6)
    • 프론트엔드 스터디 (36)
      • Javascript (16)
      • Typescript (13)
    • Vue 스터디 (22)
    • 개발 관련 스터디 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 개발서적 스터디
  • 프론트엔드 스터디
  • scss
  • 프레임워크 없는 프론트엔드 개발
  • CSS

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
옹재
프론트엔드 스터디/Typescript

[Typescript]기초 - 비구조화(구조 분해) 할당

프론트엔드 스터디/Typescript

[Typescript]기초 - 비구조화(구조 분해) 할당

2021. 10. 13. 14:41
728x90
반응형

비구조화(구조분해)란?

어떤 시점에 구조화된 데이터에서 일부만 사용해야할 때가 있습니다. jack이라는 구조화된 데이터가 있다고 예를 들었을 때, 어느 시점에서 jack의 name과 age만 사용하려고 합니다. 그럴 때 name, age라는 변수를 선언해서 jack의 name, age를 저장해서 사용하는 것 처럼 구조화된 데이터를 분해하는 것을 비구조화라고 합니다.

let name = jack.name, age = jack.age;

비구조화 할당이란?

비구조화 할당 문법을 사용하면 다음과 같이 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언해 줄 수 있습니다.

const jack = { name: string, age: number, etc?: any};

const { name, age } = jack;
728x90
반응형

'프론트엔드 스터디 > Typescript' 카테고리의 다른 글

[Typesciprt] tsconfig.json 살펴보기  (0) 2021.10.13
[TypeScript] 타입 가드(Type Guard)  (0) 2021.07.21
[TypeScript] 기초 - 타입 앨리어스(Type Alias)  (0) 2021.07.21
[TypeScript] 기초 - 타입 추론(Type Inference)  (0) 2021.07.21
[TypeScript] 기초 - 제네릭(Generic)  (0) 2021.07.21
  • 비구조화(구조분해)란?
  • 비구조화 할당이란?
'프론트엔드 스터디/Typescript' 카테고리의 다른 글
  • [Typesciprt] tsconfig.json 살펴보기
  • [TypeScript] 타입 가드(Type Guard)
  • [TypeScript] 기초 - 타입 앨리어스(Type Alias)
  • [TypeScript] 기초 - 타입 추론(Type Inference)
옹재
옹재

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.