ThisVsThat Project
1.[ThisVsThat Project] 프로젝트 소개 및 회고
이거저거(This Vs That)는 사용자가 일상 속에서 마주하는 크고 작은 선택의 고민을 해결할 수 있도록 돕는 투표 기반 커뮤니티 플랫폼이다. ‘이거? 저거?’, ‘할까? 말까?’와 같은 선택 상황을 게시글로 작성하면 다른 사용자들은 투표를 통해 의견을 표현하고 채
2.[ThisVsThat Project] GitHub Actions와 AWS 기반 배포 자동화
이번 프로젝트에서는 GitHub Actions와 AWS를 이용해 배포 과정을 자동화했다. 빌드와 배포는 GitHub Actions로 연결하고, 결과물은 S3로 관리했으며, 실제 배포는 Elastic Beanstalk의 롤링 배포 방식으로 구성했다. 1. 배포 구조 1) 깃 운영 방식 dev 브랜치에서 각자 기능 브랜치를 생성해 작업하고, 기능 개발이...
3.[ThisVsThat Project] JWT 저장 방식 개선 (HTTP-Only 쿠키 적용)
소셜 로그인 기능을 구현하면서 가장 먼저 고민했던 부분은 발급한 JWT를 어디에 저장하고, 어떻게 다음 요청에 전달할 것인가였다. 처음에는 단순히 토큰만 발급하면 될 것이라고 생각했지만, OAuth 로그인 흐름과 리디렉션, 보안 이슈까지 얽히면서 생각보다 여러 번 방향
4.[ThisVsThat Project] 닉네임 중복 검사 캐싱으로 API 호출 줄이기
회원가입 과정에서 닉네임 중복 여부를 입력 즉시 안내하고 싶었다. 하지만 타이핑할 때마다 서버에 요청을 보내는 구조는 불필요한 API 호출 증가로 이어질 수 있다. 그래서 다음 원칙을 세웠다. 입력 중에는 즉각적인 피드백 제공 / 서버 요청은 최소화 / 최종 제출 시점
5.[ThisVsThat Project] 모바일 브라우저에서 100vh 하단이 잘리는 문제
PC 환경에서는 로그인 / 회원가입 페이지가 의도한 대로 정상적으로 보였지만, 모바일 브라우저로 접속했을 때 화면 하단 일부가 잘려 보이는 문제가 발생했다. 이 프로젝트에는 메인 화면이나 글 상세 페이지처럼 세로 스크롤이 자연스럽게 발생하는 페이지들도 있는데, 이런 페