TIL_221121 ✔️ Basic_Project

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

1. 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가 동시에 가능

---

✔️

더 찾아본 것

• fetch()
  • https://www.daleseo.com/js-window-fetch/
  • window 객체에 소속되어 있어 window.fetch()로도 사용

---

2. 프로젝트 회의 및 페이지 만들기

• 만들면서 중간중간 계속 소통하면서 했다.
  • 다행히 이번엔 git을 잘 활용해서 중간중간 병합도 하고 충돌도 잘 해결하면서 했다.
  • 문제는 그게 아니지만..
  • 우리 조가 유난히 페이지가 많은 건지 html,css 페이지를 분담해서 했는데도 하루종일 걸렸다.
  • 하면서 새로 배우는 것도 많고 이걸 다 해내면 실력이 엄청 상승할 걸 알기에 기대도 되지만 피곤한 건 어쩔 수없다.
  • 오후에는 실성한 사람마냥 말만 하면 웃음이 터져서 말을 못 했다..ㅎ
• html, css, js
  • 오늘 다 조금씩 건드렸다.
  • toggle 방식 만드는 것도 배웠다
    -> https://comizle.tistory.com/35
  • ul 태그 line-style:none 자꾸 까먹는다
  • a 태그 text-decoration:none 이랑 헷갈리는 듯