TWIL 2021-5 (4)

1. React Class vs. Functional 속도 차이

---

클래스 컴포넌트에서는 state 변경 시 render 내부만 실행되지만, 함수 컴포넌트에서는 컴포넌트 전체가 재실행되기 때문에 조금 더 느릴 수 있다.
🔗 Component Rendering Speed in React

2. npm install --save-dev

---

npm install [패키지] --save-dev 또는 npm install [패키지] -D는 내 패키지의 개발 디펜던시에 [패키지]를 서드 파티 패키지로 추가한다. 서드 파티로 추가된 패키지는 누군가 나의 앱을 npm install 할 때는 설치에서 제외되고, 소스 리포지토리를 클론한 뒤에 npm install 할 때는 포함된다.

반면, --save 플래그는 서드 파티 패키지를 내 패키지의 디펜던시에 추가한다. 이 경우 npm install 시 서드 파티 패키지와 기본 패키지가 모두 node_modules 하위에 설치된다.

(서드 파티 패키지(Third party package)는 http, fs같은 node.js 의 코어 모듈을 제외한 기타 모듈 및 라이브러리를 칭한다.)

💬

---

1. 하나의 controller에서 switch로 분기하여 로직 처리하는 함수가 있는 경우, 중복 및 불필요한 HTTP 요청이 거슬려서 한 번이라도 중복되는 요청은 switch문 이후로 따로 빼서 작성하곤 했다.

   그러다 이번 릴리즈 전에 급하게 추가해야 하는 HTTP 요청 및 변경사항이 생기자, 흐름이 망가지면서 더 많은 코드를 수정해야 했고 당연히 더 많은 시간이 걸렸다. 약간의 중복이 있더라도 switch 내에서 분기 별로 한 번에 처리하는 것으로 변경하니 가독성이 훨씬 나아져 유지보수가 쉬워졌다.

   마침 클린 코드에 대해 이번 상황에 잘 들어맞는 글을 보게되어 재미있게 공감했다.
   🔗 잘가, 클린 코드
   

2. 주어진 시간 내에 개발을 해야 할 때 조금 더 걸리더라도 처음부터 깨끗하게 다듬고 모듈화하며 작성하는 것이 좋은지, 적당히 타협하면서 빠르게 구현한 뒤에 리팩토링 하는 것이 더 효율적인지에 대해 계속 감을 잡아나가고 있다.

   성향상 첫번째 방식으로 작업해왔는데, 내가 그 코드를 작성하는 시점에 이 코드가 최종적으로 깨끗한 코드로 남을지 판단할 수 있는 경험치가 아직 부족하다는 걸 느낄 때가 있다. 결국 나중에 다시 리팩토링해야 하는 경우가 많다.

   여러 방식을 시도해보면서 경험을 더 쌓아나가는 방법밖에 없다.