React 입문 (#4) ~Create React App~

1, React의 간단한 어플리케이션을 만들어 보겠습니다.



완성품은 이쪽


2, 사용하는 기술



Hooks 소개
useState 사용
props 사용
CSS 사용

3, 디렉토리 구조



터미널 또는 명령 프롬프트에서
npx create-react-app tutorial을 입력하여 폴더를 만듭니다.
그러면 다음 폴더가됩니다.
src 폴더의 index.js를 제외한 모든 것을 삭제하십시오.

① components 폴더와 styles 폴더를 준비합니다.

② 각 폴더에 각 파일을 설치


4, 소스 코드



새롭게 작성하는 파일은 모두 5개입니다.
①index.js

②App.js

③global.css

④CountButton.css

⑤CountButton.js


4, 참고 동영상

좋은 웹페이지 즐겨찾기