우아한 자바스크립트 개발


19.05.08 오늘의 글

우아한 자바스크립트 개발


어떻게 하면 더 코드를 잘 짤수 있는지에 대한 생각은 항상 한다. 좋은 글이 페이스북이든, 오픈챗방이든 올라오면 일단 한번은 읽어보고 좋은점은 따라하려고 노력을 한다.

새로운 글이 올라온게 있나 가끔 들러보는 곳이다. 윤지수 님의 우아한 자바스크립트 개발 발표 슬라이스를 보고, 이번에 코딩 테스트를 했던, 작업물을 다시 리팩토링 해보기로 했다.


  • 주석이 기존 코드이고, 색깔이 입힌게 리팩토링한 코드이다.

3

  • renderList()는 boomlist라는 array를 정렬 및 순회해서 html을 만들고, list.innerHTML에 넣는 함수이다. boomlist에 아무것도 없으면 return을 하도록 했고, 있다면 정렬한 뒤, 특정 조건의 경우를 filter로 찾아 생성하도록 더 간결하게 만들어 보았다.

  • 함수 위치 변경하기

함수위치 변경

  • intervalTime()은 배열을 순회하면서 그 안에서 if else 조건에 따른 행위를 하는 함수였다. HTML을 그리는 rederList()함수를 중간에 둘 필요가 없어서 바깥으로 뺴 보았다.

사실 해당 코드를 짤 때에도, ‘이 정도면 잘 했다.’ 라고 생각했었는데, 리팩토링을 해보니 뭔가 좀 많이 아쉬웠다. 좀 더 잘 짤수 있었는데, 처음부터 이렇게 못한것이 너무 아쉬웠다. 아직 결과가 나오기 전인데, 떨어지면 뭐… 아쉬울 뿐이고, 만약 합격한다면, 리팩토링한 것을 보여주고, 좀 더 나은 방법이 있는지 같이 고민해 보는 시간을 가졌으면 좋겠다.

이런 분들도 2주뒤에 보면 다시 리팩토링을 하시는데, 나는 4일만에 리팩토링을 했구나. ^___^;

좋은 개발자가 되는 법 - 패스트캠퍼스 개발 총괄 장동수님




© 2017. by isme2n

Powered by aiden