Update CHANGE-LOG.md

CHANGE-LOG.md

@@ -1,3 +1,24 @@
+# 시작하기에 앞서
+Bitdumb은 Kakao Cloud Boost Program - 카카오 클라우드 콘솔(포탈) 프론트엔드 개발자 모집에 지원하기 위한 포트폴리오 입니다.  
+목표는 제가 알고 있는 기술스택을 최대한 드러낼 수 있는 프로젝트를 만들고, 또 그 과정에서 그 동안 배웠던 것을 리마인드 하는 것입니다.
+
+# 개발 후기
+복잡한 생각 없이 뛰어든 프로젝트였고, 단순하게 공고에 Visualization Library 사용 경험이 있었기에 가장 다이나믹한 데이터를 다룰 수 있으면서 공개된 API가 많은 암호화폐를 주제로 정했지만 이게 가장 큰 패인이었습니다.  
+단순히 "암호화폐 API를 활용하여 Visualization Library를 다루고, 알고 있는 기술을 드러낼 수 있으면 될 것이다"라는 목표는 저에게 충분한 동기부여가 되지 않았고, 힘차게 시작했던 프로젝트는 금방 추진력을 잃어버렸습니다.  
+
+![image](https://user-images.githubusercontent.com/23359043/113105942-210b9680-923d-11eb-9378-38085a767a1d.png)*갈수록 힘을 잃는 커밋 그래프*  
+
+좀 더 확실하고 리즈너블한 목표가 있었다면 좋았을 것이라고 생각하게된 프로젝트였습니다. 어찌되었건 사이드 프로젝트는 본인이 좋아서 붙잡고 있어야한다고 생각합니다.  
+이에 대한 증명으로 포트폴리오를 하면서 중간에 아이디어가 떠올라서 만든 간단한 프로젝트인 Tombo는 정말 재미있게 작업했습니다. 물론 기술적인 목표와는 전혀 상관없는 프로젝트였지만 그래도 정말 즐겁게 작업할 수 있었습니다.  
+https://github.com/dragonsuperf/Tombo *Tombo의 저장소 링크*  
+원했던 목표의 일부를 제대로 달성하지 못하기도 했습니다. 리액트에 익숙해지면 작성하겠다고 미루어두었던 테스트는 이번에야 말로 작성해보겠다고 다짐했지만, 이번에도 제대로 작성하지 못했습니다. 다른 목표와의 트레이드 오프라고 생각해도 포기하면 안되는 목표였는데, 당장 눈에 보이는 결과가 좋지 못하니 마음이 급해져서 "일단 구현 먼저 끝내놓고 작성하겠다"라고 미뤄버린 탓 입니다. 테스트를 작성하지 않았기에, 만들어놓은 CI/CD 환경도 큰 의미가 없어져버렸습니다.  
+물론 어느정도 만족스러운 결과도 있었습니다. CRA를 사용하지 않고 webpack, babel을 사용해서 프로젝트를 경험해본 것은 번들러와 트랜스파일러의 이해도를 높힐 수 있는 기회였습니다. 이 프로젝트가 아니었다면 아직도 CRA의 편리성에 안주하고 있었을 것이라고 생각합니다.  
+작지만 오픈소스에 기여하게 된 것도 좋은 경험이었습니다. Visualization Library를 선택하는 과정에서 웹팩 5.x 버전에서만 생기는 tui-chart의 문제를 이슈로 올렸었고, 이는 4.2.1 버전에 포함되어 수정 되었습니다.  
+정리를 하자면 만족스러운 결과를 내지는 못했지만, 배울게 많았고 제가 어느정도 위치까지 왔는지 되돌아 볼 수 있는 기회였다고 생각합니다.
+
+# 개발 기록
+밑의 기록은 제가 개발을 하면서 했던 생각들과 마주쳤던 문제를 해결하는 과정, 의사결정 등을 기록한 것으로 편하고 두서없이 작성된 것을 미리 양해를 구합니다.
+
 ## 2021-03-11
 - Visualization Library를 활용하기 좋은 Open API를 선정하기 위한 후보
   - 시국에 맞는 코로나19 Open API
@@ -29,7 +50,8 @@
 - Toast ui chart로 candle stick chart 예제 컴포넌트 작성
 - 혹시 도움이 될까 싶어서 해당 레포지토리에 이슈를 남김
   - https://github.com/nhn/tui.chart/issues/619
-
+  - 2021-03-26. 해당 이슈가 wrapper의 문제라는 답을 받았고, 4.2.1 버전에 픽스되어 릴리즈되었다
+
 ## 2021-03-13
 
 ### API와의 통신을 위해 axios 사용
@@ -156,3 +178,9 @@ axios를 사용한 이유는? (굉장히 단순한 이유)
 - Travis CI, AWS CodeDeploy로 이어지는 서비스에 대한 세팅은 한번 했었기 때문에 삽질은 조금 했어도 금방 세팅할 수 있었다
 - 다만 회사에서는 이미 node 환경이 갖추어진 이미지를 가지고 인스턴스를 만들어 세팅했었는데, 아무것도 세팅되어있지 않은 AMI에 node를 세팅하니 배포 시 동작하는 shell script 내에서 yarn이 동작하지 않았다
 - 멋진 해결방법은 아니지만 shell script 내에 환경변수를 추가하는 스크립트를 넣고 일단은 배포를 제대로 동작하게 해두었다
+
+## 2021-03-30 
+- styled-components의 DefaultTheme을 통해 다크모드 구현
+
+## 2021-03-31
+- 화면 크기에 맞춰 반응형으로 사이드바를 감추고, 헤더에 사이드바를 토글할 수 있는 버튼을 만들었음