책과 함께 ] (2) 리액트란?

<참고한 책>

* 책의 모든 내용을 업로드할 수 없기 때문에 간단한 부분만 업로드한 후,

   직접 클론 코딩한 내용은 비공개로 업로드 하겠습니다.

 

목차

1. 폴더 구성
2. 동작 원리

 

 

---

1. 폴더 구성

 

public folder

   - favicon.ico : 사이트명에 사용되는 아이콘

 

 

 

 

 

 

 

 

 

 

 

 

src folder

   - app.js : 가장 먼저 나타나는 화면 구성해주는 파일

 

 

 

 

 

 

 

 

 

---

2. 동작 원리

 

 

리액트는 작성자가 작성/수정한 프로젝트 폴더의 코드를 JavaScripts를 이용해 해석합니다.

그 후 해석된 내용을 index.html에 끼워 넣습니다.

 

** index.html과 index.js 확장자 헷갈리면 안 돼요

 

 

<index.html>

<index.html> Hello

<index.html> Hello Hello2

index.html은 .js를 해석하면서 비어 있는 부분을 채웁니다.

따라서 엘리먼트를 추가/제거하는 방식으로 Web을 그려나가는 것이죠.