6주간의 길고도 짧았던 실전 프로젝트가 끝나고 첫 휴일을 맞았다. 많은 경험을 할 수 있었고 팀원들의 다양한 인간군상을 볼 수 있기도 했던 시간이었으며 프로젝트 발표일엔 뼈아픈 평가의 시간도 있었다. 그러나 어쨌든 끝은 왔고 소회도 풀만큼 풀었으니 우리 팀이 그 동안 해온 작업들을 정리해보고자 한다.
별 보러 가지 않을래?
▶ 사이트 보러가기
▶ 발표영상
개발기간
View
주요기능
- 메인
- 별자리 페이지
- 유저의 위치에 기반한 날씨정보 제공
- 매일 변하는 실시간 별보기 좋은 지역 정보 제공
- 지도 페이지
- 지도 및 캠핑장 위치 마커 표시
- 유저의 위치 주변 캠핑장 정보 제공
- 무한 스크롤을 통한 랜더링 시간 단축
- 지역별 검색기능
- 커뮤니티 페이지
- 추천순, 인기순, 최신순 게시글 리스트 출력
- 게시글 작성
- 게시글 제목 혹은 지역명을 이용한 검색 기능
- 좋아요, 북마크 기능 (북마크는 마이페이지에서 확인 가능)
- 로그인/회원가입
- 아이디 저장 기능
- 회원가입 시 닉네임, 아이디 중복확인
기술스택
- ✏️ javascript, react
- 📝 axios, redux, immer
- 📒 kakao map API, geolocation API
- 📤 S3, Route53, CloudFront => HTTPS
주요 라이브러리
- axios : 서버 연결
- react-cookie : 사용자 로그인 인증용도
- react-redux : 클라이언트 데이터 저장
- immer : redux state 불변성 유지
- react-helmet : 메타태그 변경
- react-slick : 많은 데이터를 슬라이더 형식으로 보여줌.
- react-kakao-maps-sdk : 카카오맵API, 지도 및 마커 제공
- lodash : input 이벤트 콜백 감소
- react-quill : 텍스트 편집기 기능 제공
사용자 피드백 및 개선된 점
- 추천 장소에 대한 정보가 부족 => 내용 추가
- 별자리 설명 클릭시 컨텐츠 고정 토글
- 관측지수 0일때 데이터가 들어오는게 맞는지 헷갈림 : 별 관측지수에 따라 문구 변경 "ex) 별 보기 어려운 날 :( "
- 사용자 위치를 페이지 이동할때마다 가져와서 너무 느리게 느껴짐 : 사용자 위치 정보를 리덕스에 저장하여 재활용
개선 예정