[WIL] 2023.03.06 ~ 2023.03.12. 19주 차

유진·2023년 3월 12일

WIL

WIL Weekly I Learned

목록 보기

18/21

2023.03.12.(주일)

WIL Weekly I Learned

The four Fs

▶ FACTS(사실, 객관) : 이번 일주일 동안 있었던 일, 내가 한 일

발표 전까지 마지막 단계이다. 마무리 단계인데 어떻게 제일 바쁜 것 같다.

남은 UI, 반응형

회원가입 모바일 버전 작업

마이 페이지 프로필 UI, 모바일 버전 작업

상대방 마이페이지 프로필 UI, 모바일 버전 작업

디테일 페이지 변경된 디자인과 반응형

모든 구역 모바일 취소 버튼 구현

회원가입 후 모달창 끄기

그리고 우리 팀은 발표 후에도 꾸준히 보완하기로 정했다.

▶ FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌

이번주가 정말 마지막이라고 생각하니 정말 아쉬웠다. 내가 제일 처음 시작했던 때를 돌아보게 되었다. 4개월만에 큰 변화가 있었다. 첫 번째 12시간 앉아 있는 거 정말 힘들었다. 이제는 12시간이 아닌 16시간 앉아 있어도 시간이 모자르다. 두 번째 이해도이다. 처음 같이 했던 대원 2명이 제일 잘하는 조에 들어가 있다. 실력이 상과 하가 만났던 것이다. 무슨 말인지 모르겠고, 받아 적었지만 어려워서 눈물을 흘린 적이 많다. 현재는 이해도가 올라갔다. 세 번째 팀워크가 정말 잘 맞는 대원들을 만나서 감사한 것이다. 질문에 6명이서 대립된 적이 없냐고 물어 보시는데 정말 없었다. 다들 의견을 말하고 잘 조율했기 때문이다. 그리고 처음부터 정말 잘 맞아서 할 말이 없었다. 이렇게 좋은 팀원을 만나서 좋은 환경에서 코딩을 할 수 있어 감사했다.

▶ FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것

프로젝트에 적용했던 핵심 기술 목록과 각 기술을 도입하게된 의사결정 과정

요구사항	선택지	핵심 기술을 선택한 이유 및 근거
[메인 페이지] Masonry layout	- CSS (column-width) - react-responsive-masonry 라이브러리	- column-width를 사용하면 아이템이 가장 왼쪽 상단에서 하단 순으로, 다음 우측 열의 상단에서 하단 순으로 역 N 방향으로 반복(⬇️↗️⬇️↗️) 때문에 무한스크롤로 다음페이지를 불러올 때 모든 게시물들이 재배치됨. 다단 구조를 기본으로 하기 때문에 위와 같이 아이템이 추가될 때마다 각 아이템의 위치가 변경됨. - react-responsive-masonry를 사용하면 column-width 문제를 해결하고, 반응형에 대응할 수 있기 때문에 사용.
[메인 페이지] 무한스크롤	Firebase pagination+useInfiniteQuery	무한 스크롤은 페이지가 구분 되어야 구현하기 용이한데, firebase를 사용하기 때문에 페이지 구분이 없었음. 하지만 firebase의 쿼리 커서를 이용하여 데이터들을 페이지네이션 할 수 있었고, useInfiniteQuery와 같이 사용하는 것으로 무한 스크롤을 구현함.
[메인 페이지] 카테고리별 지도 핀 표시	KakaoMap 라이브러리+외부 API	카카오맵의 경우 Docs에 대한 설명이 잘나와있고, 해당 Docs를 통해 원하는 기능을 구현하기 위한 커스텀이 매우 용이하였다.
[마이 페이지] 카테고리별 게시물 노출	- reactQuery - redux thunk	페이지가 많지 않은 프로젝트라 redux thunk를 사용한다면 보일러 플레이트가 많기 때문에 불필요한 코드를 줄이기 위해 useQuery를 사용하였다.

▶ FUTURE(미래) : 배운 것을 미래에는 어떻게 적용할지

수익화 아이디어

구글애즈
개요 : 구글 배너를 통한 수익 구조
수익 예상 규모 : 0~ 몇 십만원
수익처 : 구글 애즈
성장 수준 : 서비스 유저 꾸준히 유지
실현 가능성 : 상

공모전
14회 관광 벤처사업
제주관광대 주최 창업 경진대회
앱 서비스 공모전
http://www.i-award.or.kr/web/
개요 : 창업 공모전 상금
수익 예상 규모 : 몇 십만원~몇 백만원
수익처 : 공모전 주최/주관기관
성장 수준 : 서비스를 통한 수익 발생처가 명확해야 함
실현 가능성 : 중