일상 - 일일커밋 100일 회고

일상:

일일커밋 100일 회고

https://milooy.wordpress.com/2015/10/08/daily-commit/ 

https://blog.outsider.ne.kr/1141

를 참고 했습니다. :)

우연찮게 일주일동안 일일커밋을 하게되서 ㅎㅎ.. 이왕 이렇게 된김에 일일커밋을 되는데까지 해보자!라는 생각으로 한 일일커밋이 100일을 훌쩍넘겼다 (정확히는 103일..ㅎㅎ)

100일이 넘으니,

하루에 한번은 꼭 (주말이나 공휴일이더라도) 코드를 작성하거나 학습하여 커밋을하는 습관이 몸에 벤거 같다.

커밋은 아래와 같이 구성된것 같다.

1. Side project

2. TIL

3. 오픈소스 컨트리뷰트(컨트리뷰트한게 매우 작은부분이라 부끄럽긴 하지만 ㅎㅎ..)

4.나만의 리액트 boilerplate 만들기

5. Toy project (Side project 와는 별개로 좀 작은규모의 프로젝트라 분리했다)

6. 학습내역 기록 (예제를 따라한 실습이나, 스터디 등등)

| 1. 사이드 프로젝트

https://github.com/zx6658/react-pension-template

리액트로 제작한 react+ firebase 조합 모바일 first 펜션 사이트

대단한 프로젝트는 아니지만, 리액트로 사내에서 개발을 진행하고 있는데, 이미 다 완성되어있는 설계나 구조안에서 작업을 하고 있었기 때문에 리액트 서비스를 직접 처음부터 끝까지 구축해보는 경험을 갖기 위해 시작했던 프로젝트이다. 현재도 조금씩 고쳐나가고 있다. (디자인....끙..)처음 구조를 잡아보고 코드를 짰던 프로젝트라 리팩토링이 시급한 코드들이 매우많다. 하지만, 백엔드쪽은 서버리스로 firebase로 구성하고 이를 바탕으로 리액트 웹앱을 직접 구조를 짜보고 기능구현까지 해봤다는 점은 매우 나에게 큰 도움이 되었다. 이 프로젝트를 미리 진행해서 사내에서 진행된 신규 웹앱 프로젝트도 설계하고 진행해볼수 있었던 것 같다. 확실히, 개발자들은사이드 프로젝트를 하는것이나, 학습하여 얻은 인사이트나 지식들이 사내에서 개발을 진행할때도 큰 도움이 되는것 같다.

| 2. TIL

https://github.com/zx6658/JS-Algorithm_TIL

TIL은 Today I Learned 의 약자인데, 그날그날 학습한것들은 나는 블로그에 올리고 있지만, js 알고리즘 문제같은 경우는 블로그 포스팅 보다는 깃헙에 올리는것이 좋을 것 같아 프로그래머스 사이트에서 학습한내용들을 커밋하고 있다. 최근에 좀 뜸해졌긴했는데, 다시 시간을 내서 조금씩 하고있다. 최근 es6 문법을 잘 사용하고 있다는 느낌을 못 받았고 , object나 array를 js로 효율적으로 다루는법들의 필요성을 느끼게 된계기들이 계속 생겨나고 있기 때문이다.

| 3. 오픈소스 컨트리뷰트

오픈소스 컨트리뷰트라 하기에는 부끄럽지만 나름 그래도 3번의 컨트리뷰트를 했다 ㅋㅋㅋ

첫번째로. react.js의 공식 사이트인 https://reactjs.org/ 에 2번하였고,

두번째로 리액트 개발자라면 정말 많이 쓰는 create react app 에 1번 하였다.

어떤 컨트리뷰트였나면,

1. react.js 공식사이트에 컨트리뷰트 한내용은 아래와같이 맨처음 react.js 사이트를 컨트리뷰트할때 초기실행과정에서 node버전이 8.4로 고정되어있어서 사용자의

노드 버전이 그보다 위이면 실행할때 에러가 나던것을 node 버전을8.4이상도 실행되게 고쳐주었다.

2. 그리고 사이트에서 addon과 관련하여 잘못된 링크들을 수정해주었다.

3. create-react-app에서는 react-bootstrap으로 예제가 적혀있던것을 요새는 reactstrap을 많이 쓰므로, 그 흐름에 맞춰 수정해주는 작업이었다.

정말 별거아닌 컨트리뷰트이긴하지만 ㅋㅋㅋ 그래도 이렇게 도움받고있는 오픈소스들에 기여를 했다는 점에서는 주니어 웹개발자로서는 정말 뿌듯했던것같고 성취감을 바탕으로 더 열의를 같고 개발을 해나갔던것 같다. 이런 동기부여는 정말 필요한것 같다.

| 4. 나만의 boilerplate 만들기

https://github.com/zx6658/react-project-kit

boilerplate라 하기에는 부끄럽지만 리액트로 처음 웹앱을 구성할때 scss관련 웹팩설정이나 hmr, 리액트라우터, 리덕스, 리덕스 saga를 설정하는데 애를 먹었어서 이를 모두 적용해놓은 리액트 앱 초기 start 보일러플레이트를 만들어서 자주 애용하고 있다 ㅋㅋㅋ 토이프로젝트 할때도 이를 많이 활용했다.

| 5. 토이 프로젝트

거의 대부분 리액트로 해본것인데, 딱히 자랑할만한 토이프로젝트는 없는것 같다 ㅋㅋㅋㅋ 다른 api를 불러와서 각각의 조건들로 sorting해주는 간단한 페이지나, 기존 다른 개발자분들이 예제를만들어 놓으신것을 내생각을 보태 다르게 개발해보는등등 뚜렷한 결과물이 없어서 좀아쉽긴하다 ㅋㅋ 보여주기 좀 부끄러워서 거의 private리포에 저장해놨다 ㅋㅋㅋ..ㅎㅎ.. 지금은 node.js로 카카오 커밋확인 봇을 만들어보고있는데 잘 마무리해야겠따 ㅎㅎ

| 6. 학습내역 기록 (예제를 따라한 실습이나, 스터디 등등)

https://github.com/zx6658/react-testcode-tutorial

https://github.com/zx6658/Next.js_practice

https://github.com/zx6658/jsWebStudy

예제를 따라한 실습 코드나, 스터디를 진행하면서 학습한내역들을 기록했다. 주로 코드들을 기록했다. 

 

https://github.com/zx6658

| 마무리

참고 글

https://medium.com/@codesquad_yoda/%EA%BE%B8%EC%A4%80%ED%95%A8%EA%B3%BC-%EC%A7%80%EC%86%8D%EC%84%B1%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC-c980092857ac

꾸준함에 대한 글중 감명깊게 읽은글인데, jquery창시자인 존레식은 삼년동안 거의 매일 커밋을 했다고 한다. 물론 천재적인 개발능력도 필요하긴 하지만 저런 꾸준함이 있었기에 그런 대단한 개발자로 거듭난게 아닌가 싶다. 일일커밋을 계속 해나가야할까? 라는 생각도 들긴했지만 내가 확실하게 내 장점이라고 말할수 있는건 꾸준함이기 때문에, 이를 극대화 할수있는 일일커밋을 계속해나가갈 것이다. :)