1. 가상 DOM(Virtual Dom)을 이용하는 라이브러리/프레임워크 사용
- 실제 DOM을 효율적으로 업데이트하기 위한 기법
- 실제 DOM을 미리 메모리 상에서 가상으로 만들어 두고, UI 업데이트를 가상 DOM에서 먼저 처리하는 방식
- 전체를 스캔하지 않고 변경된 부분만 반영하여 변경사항을 빠르게 화면에 반영 가능
2. 패키지 관리자 사용
- 라이브러리나 도구를 쉽게 설치, 관리, 업데이트, 제거할 수 있게 해주는 도구
- 의존성 관리와 버전 관리
- npm, pip, yarn, gem, composer 등
3. ES6(ECMAScript 2015) 이후의 문법을 사용
- let, const
- arrow function
- template literal: '${expression}'
- 구조 분해 할당(destructuring assignment)
- 기본 매개변수
- for of 구문
- 모듈 시스템(import, export)
- 클래스
- Promise
- Map, Set
- Rest, Spread 연산자
4. 모듈 번들러(module bundler)를 사용
- 여러 모듈을 하나의 번듈로 묶는 번들링을 처리하는 도구
- 네트워크 요청 수를 줄이고 로딩 속도를 향상
- Webpack, Parcel, Rollup 등
5. 트랜스파일러(transpiler)를 사용
- 한 프로그램 언어로 작성된 소스 코드를 다른 프로그래밍 언어로 변환하는 도구
- 언어 간 변환, 버전 호환성, 플랫폼 호환성, 언어 확장 등의 기능
- Babel에서 직접 기능 확인
6. SPA(Single Page Application)로 작성
