[TIL] 클린코드

기성·2024년 8월 30일
0

TIL

목록 보기
48/81

클린 코드

클린 코드(Clean Code) 말 그대로 깨끗한 코드, 보기 좋은 코드, 이해하기 편한 코드, 가독성 좋은 코드 모두 맞는 말이다. 오늘 챌린지반에서 재상님이 느낀 클린 코드는

"내가 적은 코드에 의도를 담고, 그 의도를 다른사람으로 하여금 납득할 수 있게 하는 것 입니다."

라고 하셨다. 내 생각도 비슷하다. 좀 단순하게 내 생각을 말하자면 내가 만든 코드를 어떤 개발자가 와도 무슨 동작을 하는구나 하고 바로 알아챌 수 있는 코드가 클린 코드라고 생각한다. 이런 코드를 만들기 위해선 우리는 어떤 방식으로 코드를 만들어야 할까?

코드 컨벤션

코드 컨벤션을 해야하는 이유!

  • 팀원 모두가 같은 스타일의 코드를 작성 할 수 있게 된다.
  • 사람에 의존적이지 않고 규칙에 의존적인 코드를 짜게되어 모르는 부분의 코드도 빠르게 파악이 가능하다.
  • 코드, 컨벤션만 보고도 어떤의도인지 파악하기 쉽게 된다.

변수명 짓기

  • camelCase
  • kebab-case
  • snake_case
  • PascalCase

변수/함수 선언

  • 변수는 명사 시작
  • 함수는 동사 시작
  • 꼭 명확한 의미를 담아서/ 길더라도 줄임말 쓰지 않기
  • boolean은 is, has, thisIs, ~ing
  • 복수에는 복수 표현 붙이기

조건과 탈출

  • 명확한 조건 선택
    - 긍정 조건 사용
    • 조건문에 이름 붙이기
    • 함수를 통해서 조건을 사용하지 말자
    • 조건문의 성능은 생각하지 말자
    • 조건, 반복 depth지옥 벗어나기
    • 정확하게 탈출하기
      • early return하기

코드 퀄리티&가독성 올리기

  • 함수의 분리 (역할과 책임이 다른 것을 명확히 파악하기)
  • custom hook 사용하기 ( 비지니스 로직 분리하기 )
  • 파일 분리하고 파일 이름 명확하게 짓기
  • 비슷한 것은 곁에 두기 ( 응집도 높이기 )
profile
프론트가 하고싶어요

0개의 댓글