코드스테이츠 Final Project 3주차 (20210118-0122)

✔ '프로젝트 등록 페이지' 파이어스토어 write 함수 제작

• '프로젝트 등록 페이지'에 필요한 파이어스토어 등록 함수 제작 작업
• 🌟 이미지 필드는 스토리지의 이미지 이름과 동일하게 들어가야 함
• 🌟 '프로젝트명'과 '프로젝트 이미지' 파일명이 같아야 등록 가능
• 프로젝트 등록 페이지에 필요한 정보가 하나라도 입력되지 않으면 alert를 이용해서 모두 입력을 해달라는 문구 띄우기

✔ '프로젝트 등록 페이지' 파이어스토리지 등록 메서드 작성

• '프로젝트 등록 페이지'에 필요한 파이어스토리지 등록 메서드 작성
• 파이어스토어 write 시간과 동일한 시간대에 이루어져야 함

✔ '프로젝트 등록 페이지' 트러블 슈팅

• 기술 스택 입력시 날짜 데이터 초기화 수정
• 프로젝트 등록시 스토리지에 관련 내용이 등록되지 않는 부분 수정
• 비동기 관리

👀 초기 '프로젝트 등록 페이지'보기

✔ '가이드 페이지' 구현 작업

• '가이드 페이지'에는 프로젝트를 등록하는 호스트와 프로젝트를 신청하는 참가자를 위한 웹 활용법에 관한 동영상을 삽입할 예정
• 기존에 논의한대로 동영상 삽입을 위해 필요한 CSS파일 작업

👀 초기 '가이드 페이지'보기

✔ '프로젝트 관리 페이지' UI 구조 재설계 작업

• 처음에 논의한 UI 구조에 보강하고 싶은 지점이 생겨서 메뉴 및 UI 구조를 재설계하는 시간을 가짐
• 개선점:
• ⭕ '프로젝트 관리 페이지'를 처음 클릭했을 때 개인 프로필이 나오도록
• ⭕ 불필요한 페이지 삭제 및 통합
• ⭕ 프로젝트를 등록하는 호스트와 프로젝트를 신청하는 참가자에게 필요한 정보가 다를 것이라고 생각, 각각을 위한 페이지를 따로 만들기로 함
• ⭕ '진행 중인 프로젝트 리스트'를 만들어서 호스트가 프로젝트의 내용을 수정하거나 삭제할 수 있는 페이지를 만들기로 함

👀 논의한 내용 보기

✔ 3주차 완성된 페이지 통합 및 테스트

• 3주차 완성된 페이지 통합 및 테스트
• 기존의 '메인 페이지'를 작성하던 도중에 발생한 에러들을 해결하기 위해서 3개로 나누었던 block을 통합하기로 결정
• '메인 페이지'의 새로운 디자인에 대해서는 추가로 논의 필요
• 테스트 실시