React를 배워보자

모든 내용은 유튜브 생활코딩을 보고 만든것입니다.
생활코딩 유튜브 바로가기.

리액트를 배워보도록 하자.

✔️ 에디터 VSCode
✔️ 프로젝트 react1

프로젝트 만들기

디렉토리 폴더를 변경해준 후 vscode의 터미널에서 사용하면 된다.

npx create-react-app 프로젝트이름

프로젝트 실행하기

npm start

기본적으로는 localhost:3000에서 프로젝트를 확인할 수 있다.

화면 구성하기

App.js 파일에서 function App()의 코드를 수정하는 것을 통해 화면을 수정할 수 있다.

function App() {
  return (
    <div className="App">
      Hello React!
    </div>
  );
}

화면 디자인 하기

App.css 에서는 화면을 디자인 할 수 있다.

body{
  background-color: gray;
}