React

[React] 왜 불변성을 유지해줘야 하나?

January 28, 2021 1 분 소요

불변성이란?

[React] 절대 경로로 파일 불러오기

January 25, 2021 최대 1 분 소요

프로젝트 루트에 jsconfig.json 파일을 생성하고 아래 코드를 입력하면 상대 경로가 아닌 절대 경로로 파일을 접근하고 불러올 수 있다.

[React] node-sass 버전 에러

January 25, 2021 최대 1 분 소요

create-react-app 모듈을 사용해 리액트 프로젝트를 생성하면, css-loader 모듈도 자동으로 같이 설치된다. 현재 node-sass 모둘의 최신 버전은 5.0.0 이다. 이 버전은 create-react-app 으로 생성한 프로젝트의 css-loader 모듈과 충돌...

[React] styled-components

January 21, 2021 1 분 소요

styled-components

[React] CSS Module

January 21, 2021 1 분 소요

CSS Module

[React] node_modules에서 라이브러리 불러오기

January 21, 2021 최대 1 분 소요

Sass의 사용 장점은 라이브러리를 쉽게 불러와 사용할 수 있다는 점입니다. scss 파일 내부에서 yarn을 통해 설치한 라이브러리를 사용하는 방법은 아래와 같습니다. 스타일 파일의 깊이가 깊어지면 많은 ../ 을 적어 주어야 합니다.

[React] sass-loader 설정 커스터마이징하기

January 21, 2021 1 분 소요

상대 경로 입력 없이 파일 명만으로 임포트 하는 방법

[React] useRef

January 20, 2021 최대 1 분 소요

useRef Hook은 함수형 컴포넌트에서 ref를 쉽게 사용할 수 있도록 해 줍니다.useRef를 사용하여 ref를 설정하면, useRef를 통해 만든 객체 안의 current 값이 실제 엘리먼트를 가리킵니다.

[React] useCallback

January 20, 2021 최대 1 분 소요

useCallback 은 렌더링 성능을 최적화해야 하는 상황에서 사용합니다. 컴포넌트 안에 정의된 함수는 컴포넌트가 리렌더링될 때마다 새로 만들어지는데, useCallback Hook을 사용하면 이미 만들어진 함수를 새로 만들지 않고 재사용할 수 있습니다. 따라서 컴포넌트의 렌더링...