🧩리팩터링

chapter01. 예시 리팩터링 시작하기 1단계 before/after :기능과 구현의 분리, 전체적인 코드는 길어졌어도 문맥을 이해하기 위해 확인해야할 코드는 줄어들었다. 함수 이름을 통해 흐름을 쉽게 파악할 수 있었다. chapter06. - 함수선

최적화 상태를 위한 리펙토링 BEFORE : 매 반복문마다 DOM을 생성하고 삽입하는 로직을 갖고있다. DOM을 직접 수정하기 때문에 매번 렌더링을 새로하기 위한 돔트리생성과 스타일 계산이 발생하고 있을 것이다.AFTER: 템플릿 리터럴을 활용해서 돔에는 마지막에 삽입

API 객체화 컴포넌트별 관리API를 상수로 관리하였고, 변수명에 API의 내용을 담아 네이밍을 하였다.개발을 하면서 API가 굉장히 많이 늘어났고, 변수명만으로 필요한 API를 찾는데 어려움을 느꼈다. 또한 비슷비슷한 요청에 대해서는 네이밍의 고통을 느끼게 되었다.

🔨로케이션등록 Refactoring기능은 함수인데 이름이 함수처럼 느껴지지 않는다는 의견동일한 코드의 중복 const { cityName, dongName } = getLocationName(location);로 사용하나의 util함수로 사용하나의 컴

여러개의 카드들을 선택하고 선택을 취소하는 로직이다.x표를 누르면 해당 카드의 인덱스를 받아 splice를 통해 제거하려고 한다.그러나 자꾸 내가 선택한 카드가 삭제되는 것이 아니라 마지막 카드가 삭제되는 이슈였다.무엇이 잘못되었는지 알고보니까 매우 거슬리는 코드라는