August 2024
Beginner to intermediate
384 pages
7h 38m
Korean
Content preview from 자바스크립트 + 리액트 디자인 패턴
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
365
Chapter 14_
리액트 애플리케이션 구조
/hooks
/useClickOutside
index.js
/useData
index.js
14.2.4
Styled
Components
CSS
대신
Styled
Components
를 사용하는 경우에는 앞서 언급한 컴포넌트 수준의
CSS
파
일 대신
style
.
js
파일을 사용할 수 있습니다. 예를 들어
button
컴포넌트가 있다면 구조
는 다음과 같습니다.
/src/components/button/
index.js
style.js
애플리케이션 수준의
theme
.
js
파일
12
은 배경 및 텍스트에 사용될 색상 값을 포함할 수 있습
니다.
globals
컴포넌트
13
에는 다른 컴포넌트에서 사용할 수 있는 공통 스타일 요소 정의를
포함할 수 있습니다.
14.3
기타 모범 사례
폴더 구조 외에도 리액트 애플리케이션 구조를 설계할 때 고려할 수 있는 몇 가지 기타 모범
사례는 다음과 같습니다.
12
https
://
oreil
.
ly
/
OARQ8
13
https
://
oreil
.
ly
/
LzmtQ
366
자바스크립트 + 리액트 디자인 패턴
■
Import