[TIL] 210817 오늘 공부는 코드 리팩토링

리팩토링이란? 

 - 외부 동작을 바꾸지 않으면서 내부 구조를 개선하는 방법

 

왜 해야할까?

 - 코드 가독성 증가

 - 성능 최적화

 - 중복제거 

 

어떻게 해야할까?

 - 적당한 갯수로, 적당한 크기로

- 브라우저 시각을 넘어가지 않는 정도의 길이 -> 지각, 인지 up 

 

리팩토링을 하지 않은 코드는 특정 부분을 찾기가 어렵다. 수정이 어렵고 디버깅이 힘들다.

div로 만든 태그를 컴포넌트로 바꿔주고, 중복된 코드를 함수로 만들어 주는 형태로 리팩토링을 할 수 있다.

 

깔끔한 코드를 쓰고싶어서 찾다가 이런 블로그 글을 봤다. 리팩토링과는 크게 상관없지만 클린코드를 쓰기에 유용한 팁들이 많아서 좋았다. 나중에 다시 봐야지 

https://jae04099.tistory.com/entry/React-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%81%B4%EB%A6%B0-%EC%BD%94%EB%93%9C-%EA%B9%94%EB%81%94%ED%95%98%EA%B3%A0-%EB%8D%94-%EB%82%98%EC%9D%80-%EC%BD%94%EB%93%9C%EB%A5%BC-%EC%93%B8-%EC%88%98-%EC%9E%88%EB%8A%94-%EA%B0%84%EB%8B%A8%ED%95%9C-%EB%B0%A9%EB%B2%95%EB%93%A4