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, 참고 동영상
Reference
이 문제에 관하여(React 입문 (#4) ~Create React App~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/iwasaki-hub/items/1decaf281abff9df16dd
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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, 참고 동영상
Reference
이 문제에 관하여(React 입문 (#4) ~Create React App~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/iwasaki-hub/items/1decaf281abff9df16dd
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
새롭게 작성하는 파일은 모두 5개입니다.
①index.js
②App.js
③global.css
④CountButton.css
⑤CountButton.js
4, 참고 동영상
Reference
이 문제에 관하여(React 입문 (#4) ~Create React App~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/iwasaki-hub/items/1decaf281abff9df16dd
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(React 입문 (#4) ~Create React App~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/iwasaki-hub/items/1decaf281abff9df16dd텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)