🙏11/23 내배캠 React 18일차

👩🏼‍🌾 오늘의 줍줍 " " 🌾🌾

오늘 진행사항

css layout 작업은 모두 마무리 했다.

이제 각 card안에 들어갈 데이터들을 가져오는 작업을 해야한다.

SPA에 대한 이해가 제대로 되지 않은 상태로 들어간 프로젝트라 기존에 진행하던 방식으로 파일을 만들었다.

이후 SPA형식으로 내용을 정리하려하니 많은 것들이 햇갈리고 지연되었다.

Error 사항

[ spa의 구조에 대한 부족한 이해 ]

- spa구조에 맞게 html, css, js 파일을 옮겼다. 근데 데이터가 잘 다운되는지 확인해보는 중 css파일에서 충돌이 일어나 에러가 떴다.

이유 : index.html이 아닌 pages의 html파일들은 모두 안에 있는 콘텐츠를 문자열로 인식하기 때문에 그 외의 모든것들은 필요하지 않다.

index.html의 root값안에 들어갈 html page들이라고 생각하자.

[ loading시 어떤 데이터를 가져올 것인가? ]

우리 팀의 db collection은 크게 3가지가 있다

profile, post, comments

card에 필요한 데이터는 profile의 nickName, profileImage와 post의 image,title이다.

하지만 firestore에 있는 card date들에서 가져올 수 있는 값들이 있다. authservice의 user store에 user.displayName과 user.photoURL데이터를 이용하여 불러와보자.