190725 ~

날짜	한 일
190725	도커 - 도커툴박스 설치, 이미지 및 컨테이너, 도커파일에 대한 이해
190727	프로젝트 셋업 - 파셀, 바벨, eslint, 프리티어 등 설치 - 번들러 글 정리
190729	리액트로 글 등록 및 조회, 댓글 등록 기능 구현 - 비슷한 기능이라서 코드 중복이 많이 되는데 어떻게 리팩토링 해야 할까?
190730	리액트 코드 리팩토링, styled-jsx 적용, n분 전으로 표현하는 기능 구현, 컴포넌트의 생명 주기 공부 - 훅스 사용해서 클래스 컴포넌트 바꾸기 - 생명 주기 활용하는 게 어렵다
190731	다른 분 리액트 코드 분석, HOC 아티클 읽기 - 리액트란 이렇게 논리적이었다는 것을 다른 사람의 코드를 보고 처음 깨달았다
190801	HOC 개념 정리 및 이해(조건부 렌더링 예시), Todo 앱에 리덕스 적용해서 리덕스 플로우 익히기
190802	리액트-리덕스로 포스트 등록 및 포스트 리스트 렌더링
190804	리액트-리덕스로 comments 등록 및 comments 리스트 렌더링, 로그인/로그아웃 처리 - 자동 리렌더링이 안되던 문제는 결국 리듀서에서의 상태 mutate와 deep copy 문제였다.
190805	<리액트 인 액션> 읽기(컴포넌트, 생명주기 챕터), useEffect hook 정리
190806	리액트 memo 이해, 리액트 라우터의 기초, 코드 리뷰 - 리덕스의 connect는 최상위 또는 준최상위까지 연결하는 것이 좋다.  - 리덕스 폴더 구조를 data에 컴포넌트 별로 분리할 수도 있고, 전체적인 actions, reducers 폴더로 분리할 수도 있다.
190807	자바스크립트 프로미스의 활용법 공부, 리액트 인 액션 읽기
190808	다른 분 리액트-리덕스 코드 분석, useCallback, useMemo 아티클 읽기 - 상태 구조가 달라졌고, api를 사용하면서 각 컴포넌트/파일 간 상호작용이 더 복잡해졌다. 이해하는데 한참 걸린다.
190809	App 컴포넌트 함수형으로 리팩토링, useEffect 사용하기, date-fns 별도 컴포넌트로 분리
190812	redux-thunk 아티클 읽기, 비동기 api 콜 구현(promise로) - async await로 하면 user token을 받아오기 전에 request해서 에러가 난다. 이유를 모르겠다.  - 비동기 처리가 엄청 잘못되고 있다는 건 알겠는데...
190813	redux 비동기 튜토리얼 따라하기 - 결국 튜토리얼부터 차근차근 시작하기로 했다
190816	redux 비동기 튜토리얼(reddit post 목록 fetch하기) 완료, 미들웨어 도큐멘테이션 읽기 - redux-logger는 좋구나
190817	전반적으로 비동기 액션으로 전환, 클라이언트 사이드 MVC 패턴 구현  작성시간 표시 컴포넌트(Datetime) 추출 후 1분마다 갱신되도록 구성 axios를 사용해서 포스트 및 코멘트 API 호출하는 service 추가 글 작성, 글 목록 조회 기능을 비동기 액션으로 전환 - action creator도 그냥 함수일 뿐이니까, 다른 action creator에서 dispatch해도 괜찮다. (이 부분 해결이 제일 오래 걸린 듯 하다)
190818	글 작성, 코멘트 작성, 좋아요 클릭시 API 호출하여 목록 가져오고 실패시 alert 메시지 안내 Loading 컴포넌트 액션 작성 PostLoading 컴포넌트 작성, IntersectionObserver을 적용해서 커스텀 훅 구현 - 커스텀 훅 어려워...
190820	여태 구현한 코드 리팩토링, React ref 아티클 읽기, 컨트리뷰톤 신청서 작성
190821	리액트 라우터를 이용한 라우터 디자인, 서버 쪽 어떻게 할지 고민 중 - 서버 사이드 렌더링을 고민해봤지만, 개인 프로젝트라 성능 상 이슈가 생길 일도 없고 굳이 서버 렌더링을 해야 하나 생각이 들었다. 간단히 API만 설계할 수 있는 라이브러리를 활용할까 생각 중이다. 파이어베이스도 고려해보고. 그리고 DB쪽도 MongoDB를 이 참에 배워서 해볼까 싶기도 하고
190822	Home / Signup / Login 라우터 구현, 로컬스토리지에서 토큰 확인 후 validate되면 홈으로 이동하고 없을 시 Login으로 리다이렉트 구현, Signup service 구현 - 다만 Signup 과정에서 file을 formData로 서버 전송 시, amazon s3 에러 발생. 그래서 항상 서버에서 돌아오는 response에 profileImageUrl이 포함되지 않음.
190823	NotFound 컴포넌트 라우팅, Signup 컴포넌트 코드 리팩토링, 커스텀 훅에 대해 글 정리하는 중
190825	커스텀 훅 포스팅, 온라인 리액트 스터디 개발 프로젝트 선정, <함께 자라기> 읽는 중
190826	새로운 프로젝트(마이하루) 셋업 - 파셀, eslint, babel, prettier 등
190827	connectStore 포스팅, 깃허브 정리, 새로운 프로젝트 root 파일 작성 중, redux starter kit 깃 레포로 만듦 - 블로그 옮길지 고민해보자...
190828	material-ui 적용
190829	material-ui 걷어내고 styled-component로 바꾸기로 함. styled-component 도큐먼트 읽기, 튜토리얼 - stylelint가 적용이 안된다. parcel이라서 그런가 아님 다른 설정 어딘가에서 잘못됐나?
190901	리액트 온라인 스터티: 오프라인 모임 - 리액트 프로젝트 구현 과제 정하기
190902	타입스크립트 튜토리얼, emotion 라이브러리 적용해서 Navigation 컴포넌트 만들기
190903	파이어베이스 설치, init, 로그인 및 로그아웃 기능 연동
190904	타입스크립트 데이터 타입 정리 및 포스팅
190905	타입스크립트 + 리액트 셋업, todolist 만들기
190906	멘토링 Day
190907	컨트리뷰톤 발대식 참여
190909	rn 튜토리얼 - 안드로이드 폰으로 실행 Todo에 TypeScript + Redux 적용
190910	rn 튜토리얼 - ios 시뮬레이터로 시도했으나 네이티브 에러로 실패
190911	개발계획서 작성
190912	rn 튜토리얼 엑스포로 빌딩, 코인 api로 정보 받아오는 튜토리얼 완료
190913	velog - 리덕스 + 타입스크립트로 post submit 구현중
190915	native 디버깅(Xcode) 문서 번역 자소서 작성 velog - 다른 분 코드 읽기
190916	rn 컨트리뷰톤 회의 참여 -> 예제 아이템 선정(9.21 오프모임까지 구현하기) velog - 결국 redux 다시 걷어내기, emotion js -> styled-components로 다시 대체, tachyons 적용해서 PostForm 레이아웃은 잡음 리액트 스터디 회의...
190917	rn 예제 앱 react-native-cli로 init
190918	rn 예제 앱 FlatList 리스트뷰 구현 rn 컨트리뷰톤 PR 아예 새로 날리기 - branch 새로 생성, 이미지 소스 수정, PR template 수정
190919	rn 예제 앱 스테이트 구조 작성, 더미 데이터 삽입, 이미지 리스트 뷰 테스트 - 이미지 crop 되는 문제 해결해야 함
190920	자소서 작성 및 전송 프로그래머스 코딩테스트 문제 연습
190921	프로젝트 구조 계속 고민하다가 결국 CRA 버리고 react-typescript 프로젝트 새로 생성 - 기본적인 설정만 완료(react, typescript, webpack)
190922	react-typescript 프로젝트 나머지 설정 + 깃허브에 설정파일 업로드 - eslint, prettier, webpack alias 추가 설정