Frame-Work/React-JS6 2. React - Component 만들기 ㅁ component 생성위치 ㅇ scr > component > Hello.js ㅇ Hello.js // 첫글자 대문자 국룰 ㅁ component 3가지 방법 1. component const Hello = function (){ Hello }; export default Hello; 2. component const Hello = () => { // function 생략 가능 Hello }; export default Hello; 3. component export default function Hello(){ return Hello } ㅁ component 만들때 3가지 방법중 아무거나 사용하면됨(현재 프로젝트 문법에 맞게 사용하면됨) ㅁ 만든 component 사용하기 App.js ㅇ 기본 imp.. 2021. 5. 18. 1. React 프로젝트 기본구조 ㅁ 리액트 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 14.17.0 LTS 설치 CMD > npx create-react-app [프로젝트 이름 작명] App.css .App { text-align: center; } .App-logo { height: 40vmin; pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .App-logo { animation: App-logo-spin infinite 20s linear; } } .App-header { backg.. 2021. 5. 18. 이전 1 2 다음
