19.05.08 오늘의 글

우아한 자바스크립트 개발

---

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

• go Quality dev content

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

---

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

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

---

• 함수 위치 변경하기

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

---

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

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

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