'react'에 관한 8개의 포스트

리액트 라우터 V4 사용하기 (React-Router v4)

SPA(Single page application) 에서는 새로운 페이지 전체를 렌더링하지 않고, 부분적인 UI…
2017년 06월 06일

리액트 생명주기 (React LifeCycle)

- Mount 컴포넌트가 실행 될 때, 'Mount 된다' 라고 표현. 컴포넌트가 시작되면 제일 초기의 작업은 context, defaultProps, state 저장 componentWillMount 메소드 호출 render, 컴포넌트를 DOM…
2017년 06월 20일

React 프로젝트에 SASS 적용하기

환경 Create-react-app (CRA) SCSS 로 적용 적용법 react 설정 eject & sass…
2017년 11월 08일

웹팩 대신 파셀(Parcel) 사용해보기 with React, Babel, SASS

주로 CRA(create-react-app)을 이용한 리액트 개발을 주로 해왔고 그로 인해 웹팩(Webpack) 번들러를 통해 간단한 설정 변경 등을 해왔는데 이번에 새로운 번들러인 파셀(Parcel…
2018년 03월 23일

react 16, Error handling with HOC

리액트 16 에서는 LifeCycle에 많은 변화가 있었고 1…
2018년 10월 31일

React 16, Fragments

React 16 이전에서는 return 시 하나의 컴포넌트 또는 null만 가능했다. 그래서 wrapper를 쓰는 방식으로 div로 감싸던가 아니면 span을 이용하던지, 그것도 아니면 array를 쓰는 등 여러 불편한 방법을 사용했었다. 하지만 1…
2018년 10월 31일

react 16, Portals

Portals은 루트 리액트 컴포넌트가 아닌 외부의 DOM에 접근하여 변경할 수 있게 해준다. 쉽게 말하면 react…
2018년 10월 31일