[TIL]180212-0218

2 / 16 (금) ~ 15 (일)

1. React JS + Express JS + MongoDB

간단한 토이 프로젝트를 해보았다.(branch : node/step02/express-react/codelab)

Back-End 작업 
- API 만들기 (src/routes/memo.js)

Front-End 작업 
- 스타일 추가 (src/style.css)
- Component 작성
- Index.js에서 라우트 추가 
- action type 만들기
- action creator 만들기
- reducer 만들기
- 컴포넌트에서 사용

기능 추가 시에 대략 이런 작업이 반복되는 듯 한데(세부적으로는 많이 상이하긴하지만), 

로그인/회원가입, memo 작성, 유저 검색(담벼락), 좋아요 기능 정도의 간단한 웹인데.. 아, 어렵다 ㅠ.ㅠ 

얼마전에 JWT 실습도 했어서, Oauth도 붙이고 해볼까했는데.. 일단 Docker, 프로비저닝 툴 실습부터 해야겠다.

다음주엔 미팅, 세미나 들이 있어서(구글, 마이크로소프트, AWS, 네이버, 우아한형제들 사무실을 가게된.. 카카오는 갈 일 없으려나 ㅠ.ㅠ), 

다소 바쁠듯 한데, 아직 정리하려고 했던 부분들이 많이 밀려있다. 좀 더 파이팅하자.

2 / 13 (화) ~ 15 (목)

1. Github 정리

아, 역시 잔디가 .. ㅠ.ㅠ 

그래도 진작 했어야 할 작업들이었으니.. 

일단, 학습 목적의 repository를 별도로 분류하고 '언어/단계/학습내용' 으로 branch 를 명명했다. 

이전에 작업했던 것들은 commit이 엉망진창이라 보존용으로 두었고,

앞으로 학습할 것들은 그런 맥락에서 commit에도  좀 신경써야겠다.

추가적으로 작업할 부분은,

1. 인증과 관련한 Repository 정리
2. scouter 이삭 줍기 ㅡㅅㅡ
3. 불필요한 repository 재정리

2. React JS + Node JS (Express JS) + MongoDB학습

프로젝트를 진행하면서 React JS에 대한 이해가 부족해서 대화하는 중에 답답함을 많이 느끼곤 했다.

갑자기 여유도 생겼고 해서 React JS + PHP (laravel) 로 토이 프로젝트를 진행할까하다가, 

velopert 님 블로그를 보고 하나하나 하다보니 시간이 참 잘간다 ㅡㅡ. (언제 한번 주제 잡고 저런 포스팅해봐야 하는데..)

일단 React JS 사용시 장점으로는,

- Virtual DOM 을 사용한 어플리케이션의 성능 향상
- 클라이언트에서도 렌더링 될 수 있고, 서버측에서도 렌더링 될 수 있음 
   (이를 통해 브라우저측의 초기 렌더링 딜레이를 줄이고, SEO 호환도 가능해짐)
- Component 의 가독성이 매우 높고 간단하여 쉬운 유지보수가 가능해짐
- 프레임워크가 아닌 라이브러리서 다른 프레임워크들과 사용이 가능해짐
   React 에선 UI만 신경쓰고, 빠져있는 부분은 본인이 좋아하는 라이브러리를 사용하여 stack 을 본인의 입맛대로 설정 할 수 있음

여튼, Express JS + React JS 토이 프로젝트를 간단히 진행할 계획(CI / CD 및 무중단 배포도 다시 적용해보자)

그리고 나서, 여기에 Docker 및 프로비저닝 툴들에 대한 학습을 진행할 계획이다.