대구 로컬 커뮤니티 서비스 ttip을 개발하고 있는 개발자입니다.이번 포스팅에서는 ttip의 가장 큰 변화인메인페이지 전면 개편과 관리자 배너 시스템 구축 과정을 공유합니다.1. 메인페이지 전면 개편기존 ttip의 메인페이지는 커뮤니티 피드 중심이었는데,서비스 방향을 재정의하면서 대대적으로 개편했습니다. 1-1 기존 vs 변경기존: 커뮤니티 피드가 메인, 관/맛집/행사는 배너로만 노출 변경: 대구 정보(관광·맛집·행사)가 1순위, 커뮤니티는 2순위 1-2 새 메인페이지 구성 (위에서 아래로)히어로 배너 캐러셀이번 주 공연·행사추천 맛집대구 관광지커뮤니티 최신글네이버 지역 페이지나 오늘의집처럼콘텐츠 중심의 정보 포털 느낌으로 바꿨어요. 1-3 기술적 변경사항** 레이아웃 분리 **MainLayout (3컬..
ttip
안녕하세요! 대구 로컬 커뮤니티 서비스 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 인증 방식으로 전화 기존: 가입..
오늘은 ttip 서비스에 몇 가지 기능 개선 작업을 진행했습니다.1. KOPIS API 연동 — 대구 공연/전시 431건 수집기존에는 한국관광공사 API로 문화행사 데이터를 수집하고 있었는데, 공연/전시 데이터가 부족하다는 걸 느꼈습니다. 그래서 KOPIS(공연예술통합전산망) API를 추가로 연동했습니다. KOPIS API는 JSON이 아닌 XML 응답 방식이라 simplexml_load_string()으로 파싱해야 했습니다. 기존 한국관광공사 데이터와 충돌을 방지하기 위해 event_seq 필드에 kopis_ 접두사를 붙여 같은 테이블에 저장했습니다. 또한 인터파크, yes24 같은 예매 링크를 우선 저장하는 로직을 넣어서, 상세 페이지에서 예매 링크가 있는 공연은 "예매하기" 버튼이 뜨도록 구현했습니..
맛집이나 카페 정보는 넘쳐나는데, 정작 "나 요즘 이런 거 발견했어" 같은 소소한 이야기를 올릴 만한 공간은 별로 없더라고요.그래서 직접 만들어봤습니다https://ttip.kr/ ttip - 대구를 더 잘 알고 싶다면대구 관광지, 맛집, 문화 행사 정보와 대구 시민 커뮤니티. 대구의 모든 것, ttip에서 확인하세요.ttip.kr띱(TTIP)은대구를 기반으로 한 커뮤니티 플랫폼인데요, 일상 기록부터 맛집, 관광지, 공연·전시 정보, 생활 팁까지 자유롭게 올릴 수 있어요. 기획하면서 제일 신경 썼던 건, 그냥 정보 나열이 아니라 실제로 그 공간을 가봤거나 살아봐야 알 수 있는 이야기들이 모이는 곳으로 만들고 싶었다는 거예요. 예를 들면 이런 것들이요:혼자 가기 좋았던 식당요즘 대구에서 하는 전시밤에 가볼..