TIL

2018.08.18

• 리덕스를 적용한 vending machine 프로젝트를 진행하기로 함

2018.08.19

• 리덕스가 아직도 이해가 되지 않아서 다른 예제를 따라해보기로 했다.
• 도서구입: 러닝 리액트
• 리액트 튜토리얼 틱택토 따라하기
  • 참고: Huiseoul 개발환경 적응기 (1) — React + Redux 이해하기

2018.08.20

• 리액트 튜토리얼 틱택토(타임트래블), 틱택토 리덕스 연결
  • 참고: Huiseoul 개발환경 적응기(2) — React + Redux Tic-Tac-Toe
• 밴딩 머신 리액트로 만들어보기 이전에 바닐라 자바스크립트로 먼저 구현해보는 게 나을 것 같아서 프로젝트를 새로 만듦
  • Parcel을 이용할 지, webpack을 이용할 지 고민하다가 Webpack을 공부해볼겸 Webpack을 적용하기로 함
  • babel, sass를 위한 로더를 설정함
• Chrome Dev Meetup by GDG Korea WebTech 참여
  • Session A - Progressive Web Apps
  • Session B - CSS Scroll Snap in 69

2018.08.21

• 하이어링 데이 준비
  • 스쿨 사이트에 올린 이력서 업데이트(사이트의 텍스트 에디터가 날 괴롭게 해… 리스트 형식 스타일이 왜 그렇죠??)
• 포트폴리오를 요구하는 곳들도 있어서 문서화하다가 디자인 때문에 괴로워짐
• 포트폴리오 사이트를 만들자는 생각에 포트폴리오 프로젝트 시작
  • svg나 three.js 써서 화려하게 만들고 싶지만, 나중에 공부하면서 만들기로 하고 바닐라 자바스크립트 복습할 겸 밴딩 머신때 만든 웹팩 설정 가져다 메인 페이지 만들어 봤다.

2018.08.22

• [Meetup with Googler] introduction to AMP stories 참여
  • AMP 스토리 포맷에 대한 영상과 설명을 들으면서 20일 밋업 두번째 세션에서 점점 ‘구글같은 기업에서 다 만들어주고 우리는 가져다 선언식으로 쓰면되는 선언형 언어로 간다’는 말이 다시 생각났다.
  • 애니메이션 효과가 들어가는 네이버 웹툰도 생각났다.
  • AMP 스토리 포맷