자바스크립트 리팩토링

온개발팀 지음

온노트 2023년 07월 03일 출간

작품소개

책소개

이 책은 자바스크립트 코드를 리팩토링하여 품질, 가독성, 유지보수성을 개선하는 기술에 초점을 맞춘 종합 가이드입니다. 이 책은 자바스크립트 개발자가 리팩토링의 원리와 기술을 이해하고 프로젝트에 효과적으로 적용할 수 있도록 돕기 위해 만들어졌습니다.

1장, '소개'에서는 소프트웨어 개발에서 리팩토링의 중요성에 대한 개요를 제공합니다. 리팩토링이 필요한 이유와 리팩토링이 자바스크립트 코드베이스에 가져다주는 이점을 이해하게 될 것입니다. 또한 이 장에서는 자바스크립트 코드 리팩토링과 관련된 과제와 고려 사항에 대해 설명합니다.

2장, '개발 환경 설정하기'에서는 자바스크립트 리팩토링을 위한 개발 환경을 설정하는 과정을 안내합니다. 코드 편집기, 린팅 도구와 같이 리팩토링 작업에 도움이 되는 필수 도구에 대해 알아봅니다. 이 장을 통해 자바스크립트 코드 리팩토링을 시작하는 데 필요한 도구를 준비할 수 있습니다.

3장, 'ES6+ 기능으로 작업하기'에서는 ES6 이상에 도입된 최신 자바스크립트 기능으로 리팩토링할 수 있는 기회와 기술을 살펴봅니다. 화살표 함수, 템플릿 리터럴, 구조 분해, 모듈과 같은 기능을 활용하여 코드를 리팩토링하는 방법을 배우게 됩니다. 이 장에서는 코드 가독성과 유지보수성을 개선하기 위해 이러한 기능을 사용하는 방법을 강조합니다.

4장, '함수형 프로그래밍 기법을 사용한 리팩토링'에서는 함수형 프로그래밍 원칙과 기법을 적용하여 자바스크립트 코드를 리팩토링하는 데 중점을 둡니다. 순수 함수, 불변성, 고차 함수 등의 개념을 사용하여 명령형 코드를 보다 함수형 스타일로 변환하는 방법을 배웁니다. 이 장에서는 함수형 프로그래밍 기법을 사용한 리팩토링에 대한 실용적인 예제와 가이드라인을 제공합니다.

5장, '비동기 프로그래밍 기법을 사용한 리팩토링'에서는 비동기 자바스크립트 코드 리팩토링의 어려움을 살펴봅니다. 콜백 기반 코드를 리팩토링하여 프로미스, async/await 및 기타 비동기 프로그래밍 기법을 활용하는 방법을 배웁니다. 이 장에서는 코드 구성, 비동기 자바스크립트 코드 리팩토링 모범 사례를 다룹니다.

6장, '리팩토링된 코드 테스트 및 디버깅'에서는 리팩토링 프로세스에서 테스트와 디버깅의 중요성에 대해 자세히 살펴봅니다. 단위 테스트 및 통합 테스트와 같은 다양한 테스트 기법에 대해 알아보고 리팩토링된 코드에 대한 테스트 케이스를 생성하는 방법을 이해합니다. 또한 이 장에서는 리팩토링 프로세스 중에 문제를 식별하고 해결하는 데 도움이 되는 디버깅 전략과 도구에 대해서도 다룹니다.

7장, '실제 자바스크립트 애플리케이션 리팩토링'에서는 실제 자바스크립트 애플리케이션을 살펴보고 코드 품질을 개선하기 위해 리팩토링 기술을 적용하는 방법을 보여줌으로써 실용적인 접근 방식을 취합니다. 레거시 코드 리팩토링, 성능 최적화, 유지보수성 향상 등 다양한 시나리오에 대한 리팩토링 전략에 대해 알아봅니다.

이 책은 자바스크립트 코드 리팩토링에 능숙해지기 위한 필수 가이드입니다. 이 책은 올바른 리팩토링 관행을 확립하려는 초보자이든 코드베이스를 개선하려는 숙련된 개발자이든 상관없이 자바스크립트 코드를 효과적으로 리팩토링할 수 있는 지식과 기술을 습득할 수 있도록 도와줍니다. 이 책을 다 읽고 나면 복잡하고 얽힌 코드를 깔끔하고 유지 관리하기 쉬운 자바스크립트 애플리케이션으로 변환할 수 있는 기술을 갖추게 될 것입니다.

목차

1장 : 소개
___1. 리팩토링이란?
___2. 리팩토링이 중요한 이유
___3. 자바스크립트 리팩토링 기술 개요
2장 : 개발 환경 설정하기
___1. Node.js 및 npm 설치하기
___2. 코드 편집기 구성하기
___3. ESLint 및 기타 유용한 도구 설치하기
3장 : ES6+ 기능으로 작업하기
___1. 새로운 언어 기능 개요
___2. const 및 let을 사용한 리팩토링
___3. 화살표 함수 사용하기
___4. 템플릿 리터럴을 사용한 리팩토링
___5. 구조 분해로 작업하기
___6. 스프레드 및 나머지 연산자를 사용한 리팩토링
4장 : 함수형 프로그래밍 기법을 사용한 리팩토링
___1. 함수형 프로그래밍 개념 개요
___2. 순수 함수를 사용한 리팩토링
___3. 고차 함수로 작업하기
___4. 함수 구성을 사용한 리팩토링
___5. 캡슐화를 위해 클로저 사용하기
5장 : 비동기 프로그래밍 기법을 사용한 리팩토링
___1. 비동기 프로그래밍 개요
___2. 프로미스를 사용한 리팩토링
___3. async/await 작업하기
___4. 이벤트 중심 프로그래밍으로 리팩토링하기
___5. 반응형 프로그래밍에 옵저버블 사용하기
6장 : 리팩토링된 코드 테스트 및 디버깅하기
___1. 테스트 및 디버깅 기술 개요
___2. Jest로 단위 테스트 작성하기
___3. 디버거와 콘솔 로그 문 사용하기
___4. Chrome 개발자 도구로 성능 분석하기
___5. 테스트 가능성 및 유지보수성을 위한 리팩토링
7장 : 실제 자바스크립트 애플리케이션 리팩토링
___1. 일반적인 자바스크립트 애플리케이션 사례 연구
___2. 레거시 코드베이스 리팩토링
___3. 확장성 및 성능을 위한 리팩토링
___4. 유지보수성 및 가독성을 위한 리팩토링

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.