클린 코드란?

나는 그동안 프로젝트를 하면서 코드를 짤 때 구현에 급급한 코드만을 작성해  왔다. 

때문에 당장 일주일 전에 짠 코드만 봐도 한눈에 무슨 생각을 가지고 코드를 짰는지 코드를 작성한 나조차 한눈에 파악이 어려웠다.

 

클린 코드란 무엇일까? 원하는 로직을 빠르게 찾을 수 있는 코드다.

 

실무에서 클린 코드의 의의는 유지보수 시간의 단축이다. 

 

그러면 어떻게 해야 클린 코드를 짤 수 있을까? 

 

첫째 응집도

 

같은 목적인 코드는 뭉쳐두자 예를 들면 커스텀 훅 등이 있다.

커스텀 훅을 작성할 때는 어떤것인지 직관적으로 알 수 있어야 한다.

당장 몰라도 되는 디테일을 뭉쳐야 좋다. 클린코드는 짧은 코드가 아니다.

(선언적 프로그래밍: 핵심 데이터만 전달받고 세부 구현은 뭉쳐 숨겨두는 개발 스타일)

 

둘째 단일 책임

 

함수명만 봐도 무슨일을 하는지 알 수 있어야 한다.
한 가지 일만 하는 함수 작성, 기능성 컴포넌트를 만들기, 이름 짓기 불편하면 한글 변수명 짓기도 꿀팁이다.

 

셋째 추상화하기

 

주요 특징만 갖는 코드 작성 핵심 개념만 뽑아내기

그러나 무조건 추상화하는 게 좋은 것만이 아님 case by case

추상화 수준이 섞여있으면 코드 파악이 어려움 추상화 수준 통일하는 게 좋다.

 

 

클린 코드 작성 꿀팁! 담대하게 기존 코드 수정하기 

 

기존 코드를 수정할 때 졸지 않는 마음가짐이 중요하다.

큰 그림 보는 연습하기, 미리 어떻게 짜면 좋을지 후에 어떤 문제가 있을지 생각해보기 

팀과 함께 공감대 형성하기(팀이랑 얘기 많이 해보기)

문서로 적어보기: 향후 어떤 점에서 위험할 수 있는지, 어떻게 개선할 수 있는지 적기.

 

slash21 - 실무에서 쓰는 프론트엔드 클린 코드를 보고 느낀 점과 정리입니다~!