August 04, 2024
배경 모모에서 사용하는 헤더 컴포넌트의 속성을 로 변경했다가 예상치 못한 UI 관련 문제를 겪고, 이를 해결하는 과정에서 fixed, sticky의 차이를 학습하게 되었다. 어떤 차이가 있는지 학습한 내용을 기록해 본다 :) 현재 모모 앱의 글로벌 레이아웃 컴포넌트는 다음과 같다. 헤더 아래에 있는 요소들의 공통 레이아웃 스타일을 정의하는 s_conte…
August 06, 2024
학습 배경 모모 서비스 로그인 방식이 변경되면서 CORS에 대해서 이해해야 할 필요성이 생겼다. 기존 로그인 방식은 다음과 같았다. 약속에 참여하고자 하는 사용자가 처음 로그인을 하면 응답 바디에 토큰을 넣어서 전달 토큰을 쿠키에 저장 라이브러리를 활용해서 쿠키에 저장된 토큰을 사용 위 코드에서도 확인할 수 있듯, 쿠키에 저장된 사용자의 토큰을 자바스크…
August 12, 2024
모모 프론트엔드 배포 자동화 도전! 6주 동안 모모 서비스 개발을 진행하면서, 프론트엔드 작업이 배포가 되어야 하는 상황에 매번 aws에 로그인을 하고, s3 버킷에 새로운 리소스들을 업로드하고, cloudfront의 캐싱을 무효화 하는 작업을 수동으로 했었다. 더이상 이럴 수 없다는 생각이 들어 페드로와 함께 프론트엔드 배포 자동화를 진행했다. 아래는 …
August 14, 2024
배경 모모 서비스를 만들면서 구현하고 사용중이었던 캘린더 UI를 UT(Usability Test)가 끝난 후, 같이 학습을 하는 크루들에게 피드백을 받은 후 개선하면서 했던 고민들과 해결 과정들을 기록한다...! 기존 캘린더 UI 기존 캘린더 UI에서 개선했으면 하는 사항들 모바일에서 선택된 날짜가 계란처럼 보이는 문제 해결 모모 서비스에서 약속을 만…