개발환경 : WSL2
mnt폴더가 아닌 리눅스 홈에 새로운 폴더 하나를 생성하여 진행하였다.
윈도우환경보다 훨씬 빠르다 !
node.js , npm, npx 설치 ! 버전은 LTS로 하였다
WSL2 환경에서 cd ~(home)에 Documents폴더를 만들어준 후
npx create-react-app movie_app_2021 명령어를 실행한다.
그다음 code movie_app_2021 을 실행한다.(또는 폴더로 직접 이동하여 vscode를 연다.)
git 과 연동
git init - 여기서 reinitialize ~~ 라고 뜬다.
git repository 생성
git remote add origin [your repository address]
git add .
git commit -m "initial commit"
git push origin master
이제 터미널에서 npm start를 실행하면 서버가 동작하는데,
주소가 2가지 : localhost와 network가 있다.
network주소를 사용하면 핸드폰으로도 접속하여 확인할 수 있다.
실행을 시켜놓은 상태에서 코드를 수정+저장
하고 웹을 새로고침하면 실시간으로 반영된다!
넘 나 신기한것...!
이래서 리액트 쓰는구나 ~! 했다 ~!
React ?
내가 쓰는 모든 요소를 생성한다! Javascript와 함께 만들고, 그것들을 html에 집어넣음!
react는 app.js component를 ElementByID에 집어넣으려함
*reactDOM.render : applicaton을 render
React 동작 방식
react를 빠르게 하는 이유 : react는 소스코드에 처음부터 html을 넣지 않고,
html에서 html을 추가하거나 제거하는 법을 알고있음! 그래서 application이 로드할때,
빈 html을 로드하게 되고, 그 다음에 react가 html을 밀어넣게 됨(component에 작성해뒀던것들)
(Vertual DOM)
Uploaded by Notion2Tistory v1.1.0