React를 다루는 기술 11 - 컴포넌트 스타일링 - 2
CSS Module CSS Module은 CSS를 불러와서 사용할 때 클래스명을 고유한 값([파일명]_[클래스명]_[해쉬값])으로 바꿔 클래스명이 중복되는 일을 방지해주는 기술이다. Sass와 마찬가지로 create-react-app에서는 v2부터 바로 사용이 가능하며 이외에는 W...
Recent Posts
React를 다루는 기술 10 - 컴포넌트 스타일링 - 1
React 컴포넌트에서 스타일링을 할 때는 다양한 방식을 이용해서 할 수 있다. 다만, 그 중 정해진 방식을 따라야 한다는 것은 없고 개개인 혹은 프로젝트의 상황에 맞추어 스타일링 방식을 정하고 혹은 여러 방식을 합치는 등 상황에 맞추어 사용하면 된다.
React를 다루는 기술 09 - Hooks
Hooks Hooks는 React 16.8버전에 도입된 기능으로 함수형 컴포넌트에서 할 수 없었던 상태관리를 지원하는 기능이다.
React를 다루는 기술 08 - 컴포넌트의 라이프사이클메서드
모든 React 컴포넌트에는 라이프사이클이 존재하며 이 라이프사이클은 컴포넌트가 생성될 때 시작되어 페이지에서 사라질 때 끝난다. 이 라이프사이클을 확실히 파악하고 있으면 컴포넌트가 생성되고 업데이트되고 제거될 때 원하는 타이밍에 원하는 명령을 내릴 수 있으므로 매우 중요한 부분이...
React를 다루는 기술 07 - 컴포넌트 반복
```jsx import React from ‘react’;