[TIL] ReactJS로 영화 웹 서비스 만들기_2_0623

1824 단어 ReactTILReact

오늘의 진도

#1 SETUP(#1.1~#1.2)

#1 SETUP

#1.1 Creating a Github Repository

먼저 github에서 나의 앱 이름(movie_app_2021)을 가진 repository를 생성한다. (이때, README 설정 부분은 건들지 말 것)

visual code 터미널 창에서
git remote add origin https://github.com/YoonkyungH/movie_app_2021
git add .

여기까지 했더니 warning: LF will be replaced by CRLF in README.md. 뜸
git config --global core.autocrlf true -> ❗ 해결

git commit -m "https://github.com/YoonkyungH/movie_app_2021"
git push origin master
까지 하면 완료(git hub에서 잘 올라간 것을 확인)

#1.2 How does React work?

src 폴더에서 App.js와 index.js만 남기고 삭제
App.js에서

import React from 'react';

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

export default App;

이 내용만 작성하고 나머지 지우기
그 후 실행 ➡ npm start

⬇ 이런 결과 확인 가능

react가 무엇이냐?
react는 내가 그곳에 쓰는 모든 요소를 생성한다는 것
react는 소스코드에 처음부터 HTML을 넣지 않고 HTML에서 HTML을 추가하거나 제거하는 법을 알고있음

총평

오늘은 졸업작품 때문에 학교 다녀오느라고 피곤해서 별로 못 들었다. 내일 코테 끝나면 하루종일 강의 들어야겠다.

좋은 웹페이지 즐겨찾기