컴포넌트란? 데이터를 입력받아 DOM Node를 출력하는 함수. 쉽게 말하자면 html을 반환하는 함수. 예) App.js의 function App() { } 리액트로 만들어진 앱을 이루는 가장 최소한의 단위가 컴포넌트 컴포넌트 생성 및 사용 방법 [임의 이름].js파일 생성 이때, 반드시 첫글자는 대문자여야 한다. (예시) Happy.js import React from 'react';추가 현재 js 파일 안에서 react 컴포넌트를 사용한다는 의미이다. Q.리액트 프로젝트 내의 파일인데 리액트 컴포넌트를 사용한다고 굳이 넣어줘야하는가? 파일 내에서 react 컴포넌트를 사용한다는 부분이 없으면, jsx가 있는 컴포넌트를 사용한다는 것을 이해하지 못한다. 다른 파일에서 'Happy' 컴포넌트를 사용하기..

리액트 프로젝트 생성 전에 확인해야할 사항 node 설치 npm 설치 yarn 설치 npx 설치 (선택) git 설치 (선택) 리액트 앱 만들기 CRA (create-react-app) 을 통해 configuration 없이 손쉽게 개발 서버를 만들 수 있다. 이 때 웹팩 파일도 생성된다. //npm을 이용해서 설치 npm install -g create-react-app create-react-app [나만의 리액트 앱 이름] npx create-react-app [내가 만들고자하는 앱이름] 리액트 앱 실행 yarn start 막 생성된 리액트 프로젝트 설명 CRA를 통해서 만들어진 리액트 프로젝트에는 여러 파일들이 생성된다. 리액트 앱이 실행되기 위해 필요한 핵심 파일은 다음과 같다. (CRA을 통해..