front-end2 [책] React.JS 프로 리액트 (2/2) [책] React.JS 프로 리액트 (2/2) React.js를 이용한 모던 프런트엔드 구축 프로 리액트 React.js를 이용한 모던 프런트엔드 구축카시우 지 소자 안토니우 저/최민석 역 동형 리액트 애플리케이션 동형isomorphic 자바스크립트 애플리케이션은 코드가 전체 또는 부분적으로 클라이언트와 서버 간에 공유되는 애플리케이션이다. 리액트 컴포넌트의 테스트 Jest 제스트는 리액트가 권장하는 테스트 프레임워크다. 널리 이용하는 재스민Jasmine 프레임워크를 기반으로 하며 여러 유용한 기능이 추가됐다. 가상 DOM 구현으로 테스트를 실행한다.(따라서 테스트를 명령줄에서 실행 할 수 있다.) JSX를 기본적으로 지원한다. 웹팩 소스맵 생성 원래 작성된 파일을 가리키는 소스맵을 생성하는 devtoo.. 2018. 5. 20. [책] React.JS 프로 리액트 (1/2) [책] React.JS 프로 리액트 (1/2) React.js를 이용한 모던 프런트엔드 구축 프로 리액트 React.js를 이용한 모던 프런트엔드 구축카시우 지 소자 안토니우 저/최민석 역 시작하기 리액트의 정의 리액트는 자바스크립트와 (필요에 따라) XML을 이용해 조합형 사용자 인터페이스를 구축하는 엔진이다. 리액트의 장점 편리한 반응형 렌더링 순수 자랍스크립트를 이용한 컴포넌트 기반 개발 문서 모델의 유연한 추상화 컴포넌트 계층 정의 컴포넌트는 단일 관심사를 가져야 하며 작아야 한다. 즉, 컴포넌트는 한 가지 일만 해야 한다. 컴포넌트가 더 성장하는 경우 작은 하위 컴포넌트로 분할해야 한다. 프로젝트의 와이어프레임과 레이아웃을 분석하면 컴포넌트 계층에 대한 많은 힌트를 얻을 수 있다. 데이터 모델이.. 2018. 5. 19. 이전 1 다음