React - 생활코딩(2) react 내부 구조 + JS 코딩

■ react 실행시 (dev중, build로 compile하기 전)

1) 터미널 npm run start / npm start 명령어 입력

2) react에서 public 폴더에 index.html 를 찾음

 

 

■ 실제 index.html 안의 tag의 변화

- load되고 나서 다음과 같이 변화

> 순서 entry file

1) index.html

2) index.js

3) App component 부름 (App.js)

4) App.js 내부

(a) function type

(b) class type

> 추가 class / function type 참조:

overreacted.io/ko/how-are-function-components-different-from-classes/

 

 

■ 실제 코딩하면서 변경하는 부분

이부분을 변경하면 JS 코딩을 하는 것!

> 결과

---

참조 :

www.youtube.com/watch?v=LEPiRfPD9Uw&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=7