MATT's

SPA란? - Single Page Application의 약자, 말 그대로 페이지가 1개인 어플리케이션 - 싱글페이지라고해서 한 종류의 화면만 있는 것은 아니다. 라우팅(Routing)이란? - 리소스 탐색을 위한 시스템 - 주로 컴포넌트를 URL에 결합하는 방법 - 쉽게 말해, 다른 주소에 따라 다른 뷰를 보여주는 것 리액트에서의 라우팅 - 리액트 어플리케이션도 당연히 여러 화면들이 있고, 이 화면에 따라 각각의 주소도 가지고 있다. - 때문에 다른 주소에 따라 다른 뷰를 보여주기 위해 라우팅 기능이 존재한다. - 리액트의 공식 라우팅 라이브러리는 아니지만, `react-router`라는 라이브러리가 가장 보편적으로 사용되고 있다. - 책(리액트인액션)에서는 직접 구현하여 사용하는 내용이 담겨있고, ..

렌더링- 리액트가 데이터를 사용자 인터페이스에 반영하는 과정이며, 생명주기 메소드를 이용해 컴포넌트와 상호작용하는 방법- 뭔가 되게 하는것, 뭔가를 만드는 것- 리액트가 사용자 인터페이스를 만들고 관리하는 과정에서 수행하는 작업- 애플리케이션을 화면에 그려내는 작업- (리액트 시점) 컴포넌트를 해석해 UI로 탈바꿈 시키는 과정- 생명주기 메소드를 사용하면 이 과정을 가로챌 수 있다. 생명주기 메소드- 클래스 기반 리액트 컴포넌트에 추가된 특별한 메소드- 컴포넌트 생명주기 내의 특정 시점에 실행된다.- 생명주기를 가진 컴포넌트는 컴포넌트가 동작을 시작하는 시점, 동작 중인 시점, 완료되는 시점을 표현한다.- LifeCycle API라고도 한다. 생명주기 메소드의 종류- 초기화 메소드- Will 메소드 : ..

컴포넌트(Component)란?-기능을 단위별로 캡슐화하는 리액트의 기본 단위-기본적으로 자바스크립트 함수 혹은 클래스-속성들을 입력으로 받아들이며 내부적으로 각자의 상태를 관리-리액트로 작성된 클라이언트 측 애플리케이션을 구성하는 기본 단위-요소를 그룹화하는 방법쉽게 말해, UI들을 그룹화하여 반복적으로 재정의할 수 있도록 사용하는 것 사용할 리액트 라이브러리 react 리액트 코어 라이브러리 react-dom 리액트를 위한 렌더러(코드의 결과를 브라우저나 다른 플랫폼에 렌더링하는 기능을 제공하는 라이브러리) 컴포넌트를 DOM에 렌더링하거나 서버 측 렌더링을 위해 문자열로 렌더링하는 기능을 제공 prop-types 컴포넌트로 전달되는 데이터에 대한 타입 검사 등의 기능을 제공 (validator) 실제..