프론트

17조 프론트 레포

2주차 진행상황

공통 사항

• githubAction을 활용한 AWS 배포

• aws s3, cloudfront 연결 https 설정

• emotion theme을 활용한 공통 style 정의(font, color, gap)

• 공통 컴포넌트 제작, storybook 테스트
• atoms
• Modal 컴포넌트
• nav 컴포넌트
• Image 컴포넌트
• 아바타 컴포넌트
• Button 컴포넌트
• Text 컴포넌트
• Upload 컴포넌트
• organism
• Pin 컴포넌트
• PreviewBottomSheet 컴포넌트

로그인/회원가입

• 로그인 페이지 마크업

메인페이지

• mapbox api 활용해 현재위치 기반으로 지도 띄우기

• 더미데이터로 해당 위치에 마커 노출

• 마커클릭 시 해당 포스트 엿보기 화면 띄우기

엿보기페이지

• 더미데이터로 엿보기 페이지 마크업, 스타일링

포스트 등록 페이지

• mapbox api 활용해 현재위치 기반으로 지도 띄우기

• 마커를 이용하여 포스트 등록 할 위치 선택

• 포스트 타이틀, 엿보기 문구, 이미지, 내용 업로드

현재 개발된 화면 이미지

추후 진행 일정

12월 13일~14일

• 1차 스프린트에서 다 못한 기능 구현

• api관련 로직 개발 및 테스트

• 릴리즈 버전 올리기

12월 15일~17일

• 2차 스프린트 기능 구현(마이페이지, 권한, 댓글)

12월 18일~19일

• 2차 스프린트 기능 api 로직 반영

• QA

• 릴리즈 버전 올리기

기록들👍

• emotion theme 설정하기

• addEventListener의 passive

• storybook defaultValue

• mabbox 번들링 문제

• 폰트 파일을 적용시키는 방법

• 별도 도메인 없이 https 설정하기

• Input type이 date일 경우 Css조작하기

• navigation 컴포넌트의 추상화 레벨

• axios interceptor를 설정하면서 만났던 config타입정의 문제

• react router dom v6에서 중첩라우터에 props 보내기