SPA, Firebase Setup 특강
SPA Routing
page 버튼을 클릭했을 때 route 함수가 실행
- 'router.js' route함수가 hash값을 변경
- 'main.js' hashchange라는 eventListner가 인식
- handleLocation 함수가 실행
- 'index.html'의 "main_page"에 hash값에 해당하는 페이지가 삽입
SSR / CSR
TTV(Time To VIew) : 화면에 보여지는 시각
TTI(Time To Interact) : 상호작용하는 시각
SSR은 TTV가 먼저 일어난 후 TTI 가능
CSR은 TTV와 TTI가 동시에 가능
+ 두 번째 프로젝트 +
document.getElementById("root").innerHTML = html;
- 여기서 "root"는 main page(index.html)의 body 안의 전체 내용을 감싸는 div의 id값
- 메인 페이지에서 포스트 글만 불러오고 싶으면 그 부분에 id값을 주고 document~ 해서 해당 부분에 붙여오면 된다
- 우선 대충 필요한 기능을 html css로 위치만 잡고, js로 기능 구현하면 css 고치기
'스파르타 개발일지' 카테고리의 다른 글
| 개발일지 20221207 리액트 입문 2 (0) | 2022.12.07 |
|---|---|
| 개발일지 20221206 리액트 입문 강의 시작! (0) | 2022.12.06 |
| 개발일지 20221121 (0) | 2022.11.21 |
| 개발일지 20221119~20 두 번째 프로젝트 시작 (1) | 2022.11.20 |
| 개발일지 20221118 JavaScript 함수 선언 방식 (0) | 2022.11.18 |