F.E/React
[React] CDN으로 시작하기
React CDN React, ReactDom, Babel을 사용하기 위한 CDN이다. /* react cdn */ /* babel cdn */ JS를 이용하여 Counter 페이지 만들기 Btn을 클릭할 시 Total 횟수가 증가하는 Page를 JS를 이용하여 만들어보자. HTML 삽입 미리보기할 수 없는 소스 Click Total : 0 React를 이용하여 Counter 페이지 만들기
[React] 컴포넌트 빌드하기
01. src 폴더 안에 components 폴더 생성 후 Hello.js파일 생성 cd src mkdir components cd components touch Hello.js 02. Hello Function 생성 후 Tag 반환 export default function Hello () { //1 return( Hello React ) } //1 export default 설정을 해두면 해당 파일을 읽을 때 기본적으로 해당 함수(Hello)를 호출한다. 03. App.js에서 호출하기 import Hello from "./components/Hello"; //1 export default function App() { return ( //2 ) } //1 import from을 사용하여 Hello ..
[React] create-react-app을 이용한 프로젝트 생성
01. Node JS 설치 아래의 링크로 들어가 Node JS를 설치한다. 이 때 LTS 버전으로 설치하자. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 02. npx react-create-app "폴더 이름" npx create-react-app pinoReact 03. 생성된 폴더에서 vscode를 실행시키면 아래와 같은 폴더 구조로 이루어짐 04. 프로그램 실행 아래의 명령어를 이용하여 프로그램을 실행한다. npm start 실행하면 아래와 같은 화면이 나오면 성공이다.