봉보로봉봉

저번에 만들었던 토이 프로젝트에 페이지를 더 추가하고 버그를 고쳤다! 반응형 깨지는 부분 수정 message 페이지 추가 HashRouter로 라우터 변경 저번에는 빨리 배포하느라고 반응형을 추가했음에도 특정 디스플레이에서 깨짐이 있었다. (내 폰... 아이폰 mini 12.. 🥲) 그래서 반응형을 수정했다. 링크를 공유했을 때 썸네일도 뜨도록 index.html에 meta태그도 추가했다. 작성한 메세지를 볼 수 있도록 하는 message 페이지를 추가했다. 파이어베이스에 추가했던 데이터들을 받아와서 작성자의 이름과 메세지들을 보여주는 페이지이다. 메세지가 있는데 작성자의 이름이 빈 문자열이라면 익명이라는 이름으로 변경하여 출력했고, 메세지가 없는 사람들은 보이지 않도록 했다. 지금은 내 친구들의 메세지..

🛠 사용 기술 및 기간 22.10.20 - 22.10.21 react react-dom react-router-dom react-scripts dotenv firebase styled-components styled-reset react-icons js-confetti 🏗 프로젝트 구조 public : 파비콘과 이미지 파일 폴더 src : index.html과 package.json 등 중요 파일 폴더 src/pages/home : 랜딩 페이지와 메인 페이지 파일 폴더 src/pages/form : 설문 페이지와 설문 제출 완료 페이지 파일 폴더 src/styles : 전역 스타일 파일 폴더 👉 프로젝트 실행 방법 터미널에서 프로젝트를 클론 받습니다. git clone https://github.com/..