Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

FrontendCleanCode 1

[Clean Code] React에서의 클린코드

클린 코드의 의의 - 실무에서 공공연한 지뢰코드가 존재한다. - 지뢰코드 === 흐름파악이 어렵고, 도메인 맥락 표현X , 동료에게 물어봐야하는 코드 - 즉 실무에서 클린코드란 유지보수 시간의 단축과 같다. ( 클린코드 != 짧은코드 ) == 원하는 로직을 빠르게 찾을 수 있는 코드 원하는 로직을 빠르게 찾으려면? 1. 하나의 목적을 가진 코드가 흩뿌려져 있다면 => 1.응집도를 높여라 2. 함수가 여러 가지 일을 하고 있다면? => 2.단일책임의 원칙을 따라라 3. 함수의 세부구현 단계가 제각각이라면? => 3.추상화 단계를 조정해 핵심 개념을 필요한 만큼 노출해라 1. 응집도 응집도가 낮은 코드 예제 리팩토링 시도 - custom Hook 사용 - custom hook을 이용하여 한번에 뭉쳤을때의 위..

FE 2023.10.10
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

리덕스툴킷, http, node.js, JS, 자바스크립트, 프론트엔드스쿨, 리액트, 프로그래머스, 리덕스, react, TpyeScript, TypeScript, 코딩테스트, HTML, 프론트엔드, 멋쟁이사자처럼, 프론트엔드스쿨2기, CSS, useEffect, spa,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바