리액트 웹앱 제작 총론 2/e: 리액트와 리덕스를 이용한 웹앱 개발 가이드, 2019

그냥 간단하게 잘 나와있다

jquery, jsp, php, asp 등등 구닥다리 웹프론트 기술을 좀 알고 있고
angular, typesript, express 정도는 조금 만져본 상태의 지식수준에서
볼 때는 대충 넘기면서 한두시간 보면 되는 정도..
요약을 잘 해 놓으면 네다섯페이지도 안되는 분량

리엑트나 웹 프레임웤을 처음 접하는 사람이 볼 수 있을지는 모르겠다
난 이 책을 보기전에 리엑트로 된 어드민사이트를 며칠 살짝 만져보긴 한 상태라서 좀 더 쉬웠는지도 모르겠다.
아예 프로그래밍 초보자라면 따라하고나서 남는거 하나도 없을 듯 하고

React

생명주기 메서드

  • componentWillMount
  • componentDidMount
  • componentWillUnmount
  • componentWillUpdate
  • componentDidUpdate
  • shouldComponentUpdate
    • if ~~~ return true else false
      true면 업데이트, false면 무시
  • componentWillReceiveProps
  • componentDidCatch

동작

초기 렌더링

  • 기본 속성 설정
  • 기본 상태 설정
  • componentWillMount
  • render
  • componentDidMount

상태변경

  • shouldComponentUpdate
  • componentWillUpdate
  • render
  • componentDidUpdate

속성변경

  • componentWillReceiveProps
  • shouldComponentUpdate
  • componentWillUpdate
  • render
  • componentDidUpdate

언마운트

  • componentWillUnmount

scaffold

npm i -g create-react-app
create-react-app hellowork-app

Redux, HOC

Frontend 계열 기술정리

너무 많아서 뭘 쓸지 모르겠다
정리가 분류가 맞는지도 모르겠다.

블로깅 솔루션

Jekyll

마크다운을 텍스트로 저장하고
변환라이브러리를 이용해서 html을 만들어내는 방식인데
블로깅 용도로 쓰기에는 워드프레스나 도쿠위키보다 나아보인다
dokuwiki, mediawiki같은걸 개인용위키로 쓰기도 했는데… 개인용위키는 히스토리보다 현재상태가 더 중요하기도 하니까
디비에 꼭 저장힐필요도 없고
git로 버전을 관리하는게 괜찮아보인다.

wordpress

dokuwiki

mediawiki

뷰 프레임워크

Angular1, Angular2, Blaze, React, MeanStack, vue.js, cycle.js, ember, polymer, riot

App

Cordova, Phonegap

빌드

Gulp, Grunt, Webpack

의존성 관리

npm, yarn, bower, browserify

라이브러리

latex : 수식 보여주는 문법..라이브러리라고 분류하기는 좀 다를 수 있다