230726 수요일 업무 TIL

'오늘의 고민'
왜 계속 코드를 뜯어볼 생각을 안하니.. 

 

* 이런 점이 고민이 되어 업무중에 '코드 계층 구조 파악'에 대해서 찾아보았다. 

- 어떤 코드가 어떤 코드를 import 하는지 참고할 것 

- namespace가 어떻게 명명되어있는지 보기 

- 내가 이 프로그램을 만든다면? 생각해보기 > 나라면 어떻게 짰을까? 

- 이 코드에서 뭘 배웠나? 

- 이 코드를 어떻게 개선할 수 있을까? 

 

chains of actions : 아는 부분의 코드를 찾고 어떻게 작동하는지 처음-끝 추적하면서 이 코드가 어떤 역할을 하고, 파일에서 어떻게 나타내고, 어디서 이 코드가 왔는지 보기 

 

코드의 중심은 변수 선언, 함수들의 위치이다. 

---

[잘한점]
상황1) 프론트엔드 개념도 듣는 것마다 정리를 하는 습관을 들이려고 한다. 
액션1) 프론트-백엔드로 구성된 팀이다보니, 나는 백엔드팀이라도 프론트엔드단을 알고 있어야 한다고 생각한다. 우리 팀 자체도 그렇게 생각하고 있다. 그래서 잘 모르는 개념이거나 처음 듣는 개념이라면 무조건 정리해놓는 습관을 가지고 있다. 

칭찬1) 지금 당장은 써먹지 않더라도, 언젠가 이 개념이 사용되지 않을까?라며 놓치지 않고 정리하는 습관을 잘 들인 것 같다. 

---

[개선점]
문제1) 코드를 뜯어볼 생각을 자꾸 안하는 것 같다. 
원인1) 시간에 쫓겨 '일을 빨리 완료해야지'라는 생각에 마음이 앞서간다. 코드를 뜯어보면 다 답이 나오는 문제인데, 질문을 하러 가서 답을 찾고 하는 모습이 내 맘에 들지 않는다. 
액션플랜1) 코드를 뜯어보고, 내가 끝까지 파헤치는 연습이 필요하다. 

---

[배운점]
배움1) yarn은 여러 패키지를 동시에 가져오고 설치하는 반면, npm은 패키지를 한 번에 하나씩 순차적으로 설치한다. 이런 측면에서 패키지 설치 속도는 yarn > npm이다. 

의미1) npm보다 yarn을 많이 사용하는 이유가 궁금했었는데 위와 같은 이유였다. 

 

배움2) nvm이란, Node version manager로 노드 버전을 업데이트 하기 위한 패키지이다. 

의미2) nvm으로 node.js를 많이 설치하는 것 같다. nvm을 사용하니 확실히 편한 것 같다 (default 버전 설치 꼭..) 

 

배움3) yarn은 종속성을 로컬에 저장하고, yarn add는 디스크에서 가져온다. 

의미3) yarn add로 설치할때 add는 추가한다는 것은 알겠는데..했는데 디스크에서 가져와서 추가하는 거였구나. 

 

배움4) 업데이트가 필요한 패키지는 npm outdated로 볼 수 있다. 

의미4) 터미널에서 npm 업데이트가 필요한 항목을 npm outdated로 볼 수 있다. 

 

배움5) cdn은 contents delivery network로 서버와 사용자 사이에 물리적인 거리를 줄여 콘텐츠 로딩에 소요되는 시간 최소화를 뜻한다.정적 콘텐츠를 더 빠르게 사용자에게 전달하는 역할을 한다.

의미5) cdn은 캐시(이미지,css,js파일 등)를 서버에서 내려받는 것이 아니라 가까운 cdn에서 내려받는다.