봉보로봉봉

⭐️모두에게 롤링페이퍼 쓰러 가기 JUSTCODE 6기 롤링페이퍼 JUSTCODE 6기 롤링페이퍼 토이 프로젝트입니다. justcode-6th-rolling-paper.vercel.app 🤔 프로젝트를 시작하게 된 이유 수료식을 앞두고 동기들과 이야기를 하다가 롤링페이퍼를 하는 건 어떻냐는 이야기가 나왔다. 프로젝트를 또 만들기에는 시간이 모자라다고 생각해서 있던 서비스를 이용하기로 했다. 구글에 롤링페이퍼로 검색했을 때 제일 상단에 나오는 서비스를 이용해보려고 했는데 내가 원하던 방식이 아니었다. 롤링페이퍼를 서로 써주려면 동기들 모두가 서비스를 가입하고 자신의 보드를 만들어야 했다. 이렇게 되면 모두들 롤링페이퍼 작성에 참가하지 않을 것 같아서 시간이 촉박하지만 일단 만들어보기로 했다. 🛠 프로젝트 ..

저번에 만들었던 토이 프로젝트에 페이지를 더 추가하고 버그를 고쳤다! 반응형 깨지는 부분 수정 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/..