vue3

대구 로컬 커뮤니티 서비스 ttip을 개발하고 있는 개발자입니다.이번 포스팅에서는 ttip의 가장 큰 변화인메인페이지 전면 개편과 관리자 배너 시스템 구축 과정을 공유합니다.1. 메인페이지 전면 개편기존 ttip의 메인페이지는 커뮤니티 피드 중심이었는데,서비스 방향을 재정의하면서 대대적으로 개편했습니다. 1-1 기존 vs 변경기존: 커뮤니티 피드가 메인, 관/맛집/행사는 배너로만 노출 변경: 대구 정보(관광·맛집·행사)가 1순위, 커뮤니티는 2순위 1-2 새 메인페이지 구성 (위에서 아래로)히어로 배너 캐러셀이번 주 공연·행사추천 맛집대구 관광지커뮤니티 최신글네이버 지역 페이지나 오늘의집처럼콘텐츠 중심의 정보 포털 느낌으로 바꿨어요. 1-3 기술적 변경사항** 레이아웃 분리 **MainLayout (3컬..

안녕하세요! 대구 로컬 커뮤니티 서비스 ttip을 개발하고 있는 개발자입니다. 오늘은 지난번 작업에 이어서 PWA 적용과 관심 태그 기능 구현 과정을 공유하려고 합니다.1. PWA 적용사용자들이 모바일에서 앱처럼 사용할 수 있도록 PWA를 적용했어요. 앱 스토어 없이 홈 화면에 추가만 해도 앱 느낌이 나는 게 PWA의 가장 큰 장점이죠. 1-1 mainfest.json앱 이름, 아이콘, 테마 컬러, 단축 메뉴를 정의했어요. - short_name: "ttip" - name: "ttip(띱) 대구를 더 깊이 즐기고 싶다면" - theme_color: #f97316 (ttip 브랜드 오렌지) - 단축 메뉴: 맛집 찾기 / 문화행사 / 커뮤니티 1-2 Service Worker캐싱 전략을 상황에 맞게 분리했어..

이번 포스팅에서는 회원가입 프로세스를 전면 개편하고로그인 UI를 통일한 작업을 진행했습니다. 1. 회원가입 프로세스 개편1-1 약관동의 페이지 추가기존 회원가입은 가입 후 이메일 인증 메일을 따로 받아야 했는데 이 방식이 이탈률을 높인다는 판단 하에 전면 개편했습니다.1단계 — 약관 동의 - 서비스 이용약관 동의 (필수) - 개인정보처리방침 동의 (필수) - 동의 시각과 IP를 DB에 함께 저장 (법적 근거 확보)2단계 — 정보 입력- 닉네임: 실시간 중복 체크 (400ms 디바운스), 최소 2자 - 이메일: 6자리 OTP 발송 → 3분 카운트다운 → 즉시 인증 - 비밀번호 설정 - OTP 인증 완료 + 닉네임 사용 가능 상태일 때만 가입 버튼 활성화 1-2 이메일 OTP 인증 방식으로 전화 기존: 가입..