Daily coding

RMS : 2. JSX & Props 1. JSX Component : React에서 HTML을 반환하는 함수 Component의 첫 글자는 반드시 대문자 JSX는 React에서 Javascript와 HTML 사이의 조합. React에서 커스텀 한 개념 React에 특화된 개념으로 return 값으로 html 엘리먼트를 가지고 있다. React application은 한번에 하나의 컴포넌트만 랜더링 할 수 있다. 1) JSX 사용하기 다음과 같은 Potato.js 파일이 있다. // potato.js import React from "react"; function Potato(){ return ( I love Potato ); } export default Potato; 위의 코드는 JSX 문법으로 작성..

1. create-react-app 하나의 명령을 실행해서 React Web App을 빠르게 셋업해주는 기능 webpack, babel 등 다양한 라이브러리를 직접 다운로드하고 패키지를 세팅하지 않고도 자동으로 초기 세팅을 만들어 줌 사용방법 터미널에서 리액트 패키지를 생성하려는 폴더로 이동함 npx 명령어로 프로젝트 패키지 생성 : npx create-react-app folderName package.json, .gitignore, README.md 등 파일이 생김 npm commands : npm start : 리액트 프로젝트 개발 server 동작 및 시작 npm build : 설치한 번들을 정적 파일로 빌드 npm test : test runner 시작 npm eject : create-reac..