[TokTokHan.dev]ES6 문법정리
ES5와 비교하며 자주 쓰이는 ES6 문법의 간결한 표현 방식을 정리했습니다. 변수 선언, 화살표 함수, 비구조화 할당 등을 React 활용 사례와 함께 소개합니다.
#JavaScript#TypeScript#React
3200
![[TokTokHan.dev]ES6 문법정리](https://tech.toktokhan.dev/assets/images/default_blog_cover.png)

ES5와 비교하며 자주 쓰이는 ES6 문법의 간결한 표현 방식을 정리했습니다. 변수 선언, 화살표 함수, 비구조화 할당 등을 React 활용 사례와 함께 소개합니다.
![[TokTokHan.dev]ES6 문법정리](https://tech.toktokhan.dev/assets/images/default_blog_cover.png)
Cypress로 Next.js 컴포넌트 테스트 환경을 구성하고 Todo List 렌더링을 검증했습니다. 관심사 분리, fixtures, stub을 활용한 컴포넌트 리팩터링 과정을 소개합니다.

React에서 Chart.js와 react-chartjs-2로 선·막대 혼합 차트를 구성하는 방법을 소개했습니다. 데이터 형식과 범례·툴팁·축 옵션을 중심으로 커스텀 방법을 설명합니다.

자바스크립트 실행 컨텍스트를 콜 스택, 환경 정보, 스코프 체인 관점에서 설명했습니다. 내부 변수 선언이 외부 변수를 가리는 변수 은닉화 사례를 함께 다뤘습니다.
![[TokTokHan.dev]Execution Context(실행 컨텍스트)](https://tech.toktokhan.dev/assets/images/default_blog_cover.png)