React Projects 2019

GitHub영화 목록을 fetch해서 출력하는 페이지 작성새로 확인하게 된 내용들은버전 문제로 webpack-dev-server가 동일하게 동작하지 않아 webpack.config.js에 별도의 설정을 해주는 부분을 확인했다PropType이라는 패키지를 통해 타입에 대

react 컴포넌트를 분할해서 재사용 가능하게 만드는 내용CRA를 사용한다Progressive Web Application 이라는 개념을 처음 알았다 그 외엔 모르겠다serviceWorker에 대한 내용을 별도로 찾아봐야 겠다딱히 특별한 내용은 없다

Github간단한 칸반보드 작성HOC는 흥미로웠다기능적인 부분을 템플릿화 하고 컴포넌트를 감싸 해당 기능을 사용할 수 있는 부분이 상속과 유사한 느낌이다.다만 상속처럼 그 메소드를 사용하진 못하겠지만생각해보면 리액트에서 객체를 가져다 쓰는경우는 잘 못본것 같다HTML5

GithubStackTrace의 공개 API를 통해 질문목록을 조회하고react-router를 통한 페이지 이동 처리그리고 express를 사용하여 server-side-rendering 처리 하는 방법을 다룬다리액트 라우터 6이 최신버전인 지금 사용방법이 많이 달라

같잖은 쇼핑 목록을 출력하고하위목록을 조회하고 아이템을 등록한다Context와 Provider, Consumer에 대한 내용을 다룬다대충 이런식여기에 flux 패턴을 조합하여대충 이런식으로 변경그러나 Consumer를 저렇게 사용할 필요가 없었고받는쪽에서...그러니까

Github05번 프로젝트와 90% 동일하며JEST 사용에 대한 내용으로만 구성되어 있음ShallowRenderer 를 사용하는건 좀 맞지 않아보였다enzyme을 사용하면 shallow 함수로 스냅샷을 만들 수 있다UI 요소는 태그와 at 메소드로 가져올 수 있다가상의