![[TokTokHan.dev]ES6 문법정리](https://tech.toktokhan.dev/assets/images/default_blog_cover.png)
프론트엔드
[TokTokHan.dev]ES6 문법정리
두줄요약
ES5와 비교하며 자주 쓰이는 ES6 문법의 간결한 표현 방식을 정리했습니다. 변수 선언, 화살표 함수, 비구조화 할당 등을 React 활용 사례와 함께 소개합니다.
구조와 흐름
- ES5 대비 ES6의 코드 간소화와 유지보수성 향상 관점
- ECMAScript 표준화 개념과 프론트엔드 프로젝트의 TypeScript 활용 맥락
핵심 내용
const와let을 통한 불변·재할당 가능 변수 선언 구분 및var호이스팅 부작용 완화- 화살표 함수, 객체 비구조화 할당,
for...of로 함수·객체 접근·반복문 간결화 - spread 연산자와 기본 매개변수로 객체·배열 복제 및 기본 인자 처리 단순화
적용해볼 점
- React의 이벤트 요소, Props, state 변경 시 ES6 문법 적용
- ES6 이후 ECMAScript 변경점의 공식 문서 기반 확인
