2020.12.22(화) 개발 일지

쉬는 시간에 '얄팍한 코딩사전'이라는 유튜버 님의 채널을 알게 됐다.

어려울수도 있는 개발 지식을 추상화해서 설명해주는 컨텐츠를 하시는데 깃과 함수형 프로그래밍에 대해서도 다루셨길래 보았다.

소감: 깃의 브랜치를 평행세계라는 비유를 들어 설명한 사람은 처음이다.(신박했으며 더욱 직관적으로 와닿았다)

소감2: 함수형 프로그래밍과 일급 함수, 순수 함수, 고계 함수를 전반적으로 다루면서 설명을 해주시는데 2번 정도 더 봐야할거 같다.

 

19:30~22:30

1. to-do-list 리팩토링

https://github.com/westone034626/momentum-clone/commits/main

to-do-list 프로젝트의 bg.js, clock.js, weather.js에 대한 리팩토링을 진행했다.

 

00:50~03:20

1. to-do-list 리팩토링(to-do-list 프로젝트의 greeting.js에 대한 리팩토링을 진행했다.)

2. branch를 활용하여 refactoring하려는 부분에 대해 시범적으로 진행한 후 정상 작동되면 main에서 merge하는 형식으로 진행

*아래는 진행한 리팩토링의 일부분(가독성, 코드 중복성 제거 등에서 성과가 있는 것 같다)

before(당시에 기능 구현만 생각하며 진행하느라 코드가 엉망이었다.)

after

 

내가 준수한 리팩토링 가이드라인

1. 함수가 너무 많은 것을 처리하는가?(쪼갤수 있는가?)

2. 함수를 어우르는 네이밍인가?(길어지더라도 충분한 설명이 되는가?)

3. HTML의 class naming이 BEM형식인가?

 

refs:

www.youtube.com/watch?v=FXDjmsiv8fI

www.youtube.com/watch?v=jVG5jvOzu9Y