-
[ReactJS] CRA _영화 웹 서비스 만들기JavaScript/React 2022. 11. 19. 18:41728x90반응형
1. CRA 사용하기
cra란?
: create-react-app
사용법
npx create-react-app 리액트_파일명 cd 리액트_파일명 npm start
2. 컴포넌트에 css 입히기
방법 1. css 파일에 평범하게 작성
방법 2. js 파일에서 태그 내부에 style={{ }} 로 작성
방법 3. @@.module.css 사용하기 (권장됨) by using className
@@.module.css 파일 내부에 평범하게 css 처럼 작성하고
사용할 파일에 import 해서 불러온 후 className={style.클래스이름} 으로 사용
import styles from "@@.module.css"; // 사용할 태그 내부에 // className = {style.title} 입력
LIST'JavaScript > React' 카테고리의 다른 글
[ReactJS] 깃헙 배포하기 _영화 웹 서비스 만들기 (0) 2022.11.21 [ReactJS] useEffect _영화 웹 서비스 만들기 (0) 2022.11.21 [ReactJS] Props 실습 _영화 웹 서비스 만들기 (0) 2022.11.19 [ReactJS] Props _영화 웹 서비스 만들기 (0) 2022.11.19 [ReactJS] State, setState _영화 웹 서비스 만들기 (0) 2022.11.17