ggoggo

1. 실행 과정 package.json 은 해당 프로젝트를 관리하는 설정 파일 npm start 시 index.js를 실행시킴 package.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, index.js의 ReactDOM.render() 함수가 실행되는데 이때 render 함수를 통해 페이지의 그림이 그려진다. index.js에 렌더링할 함수 존재 //0. React 엔진 - 데이터 변경 감지해서 UI 그려주는!! // 1. 실행과정(index.html) - SPA(Single Page App..

기존의 방식 요청을 하면 view(html)을 돌려받는 방식⇒ 브라우저는 완성된 페이지를 그려주기만 하면 됨 ⇒ 백에서 화면을 구성하는 모든 정보를 넣어서 완성된 페이지를 돌려받음 통째로 받은 view에서 요청(javascript)을 해 ajax(비동기통신)를 이용해 부분을 변경하기 위해 json 응답을 받고 이 내용으로 브라우저는 그림을 그린다⇒ 1번과 차이점 1번은 웹 브라우저가 그림만 그리면 됨 2번은 웹 브라우저가 연산하고 프로그래밍한 후 그림을 그려야함 ⇒ 웹 브라우저에서는프로그래밍 할 수 있는 언어가 javascript밖에 없기 때문에 javascript로 요청을 해줘야 한다. (문제) 페이스북 같은 서비스들은 view가 복잡하고 부분적으로 변경되는 부분들이 많기 때문에 그림그리기가 복잡해진다..