03. CREATE REACT APP
Create React App을 사용하지 않고 스크립트를 import함으로써 React를 구현할 수 있지만 Create React App를 사용하면 ReactJS 어플리케이션을 만들때 훨씬 쉽고 많은 사전 설정들을 준비해준다.즉, create-react
bonsimony.tistory.com
바로 앞 게시글에 "cd c:\" 명령어와 NPX(Node Package eXecutor) 를 활용하여 "npx create-react-app react-for-beginners" 명령어를 통해 C드라이브에 react-for-beginners 폴더를 생성하면서 어플리케이션이 생성되었다.
수정하기 전 소스와 수정 후 소스를 비교하여
수정한 내용을 확인하기 위해서 아래 소스를 첨부해두었습니다!!!
수정하기 전 소스는 CREATE REACT APP를 통해서 생성 직후이고
수정하고 난 후 소스는 컴포넌트별 .js 파일을 나누고 해당 .js파일 내에서 className 각각의 .*module.css 파일을 통해 속성을 추가한다.
1.
수정 전)
"npx create-react-app react-for-beginners-sample" 명령어를 통한 react-for-beginners-sample 소스
2.
수정 후)
"npx create-react-app react-for-beginners" 명령어를 통한 react-for-beginners 소스
* 1개의 컴포넌트 당 1개의 .js 파일을 가질 수 있어서 모듈화가 가능하다.
컴포넌트별 스타일은 *.module.css 파일을 생성하여
해당 .js 파일에 import하고 컴포넌트 className 속성을 통해 사용된다.
'영화 > ReactJS' 카테고리의 다른 글
| 06. Cleanup (0) | 2025.04.08 |
|---|---|
| 05. useEffect (0) | 2025.04.07 |
| 00. 리액트 Basic, State, Props 소스 첨부 (0) | 2025.04.07 |
| 03. CREATE REACT APP (0) | 2025.04.07 |
| 02. 리액트 - 샘플 웹앱 실행 (0) | 2023.01.29 |
