서로 밀접한 개념은 세로로 가까이 둬야 한다.
...
변수는 사용하는 위치에 최대한 가까이 선언한다.
_cleancode 101p 중
최근에 vue.js를 사용하면서 컴포지션 API 방식을 사용했다.
기존의 옵션 API 방식에서 여러 가지 개선이 되었는데 그중에 클린코드에서 담겨있는 내용을 개선한 점이 눈에 띄었다.
옵션 API의 경우는 변수, 함수, 컴퓨티드 등등 선언 지점이 달라서 함수를 작성하다 변수에 대한 내용을 확인하려면 스크롤을 올려 변수가 선언된 곳을 확인해야 했지만 컴포지션 API에서는 그런 부분이 개선되어 함수가 선언된 곳 근처에 변수를 선언할 수 있어 가독성이 올라갔다.
이전에는 습관적으로 상단에 변수를 다 선언해 놓고 가져다가 사용하는 방법을 사용했었지만 이젠 의식적으로 연관 있는, 밀접한 코드는 서로 근처에 배치하여 가독성 있는 코드를 작성해야겠다.
https://ko.vuejs.org/guide/extras/composition-api-faq.html#more-flexible-code-organization
컴포지션 API FAQ | Vue.js
ko.vuejs.org
'book diary' 카테고리의 다른 글
| 좋은 주석, 나쁜 주석_CleanCode_70p (0) | 2023.06.28 |
|---|---|
| 플래그 인수_CleanCode_52p (0) | 2023.06.23 |
| Read book_CleanCode (클린코드 ~ 9p) (0) | 2022.01.21 |