전체 글

대구 로컬 커뮤니티 서비스 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캐싱 전략을 상황에 맞게 분리했어..

⭐⭐⭐⭐☆ | 2026.05 관람 | 스포일러 없음만달로리안 & 그로구 리뷰스타워즈, 7년 만에 스크린으로 귀환 감독 존 파브로 (Jon Favreau) 출연 페드로 파스칼, 시고니 위버, 제레미 앨런 화이트 러닝타임 132분 개봉일 2026년 5월 22일 장르 SF · 액션 · 어드벤처 한 줄 요약시리즈 팬이라면 반드시 극장에서 봐야 할 작품. 작은 화면을 훌쩍 벗어난 스케일과, 여전히 건재한 두 주인공의 케미가 인상적이다.액션과 비주얼 ★★★★★IMAX 스크린을 꽉 채우는 오프닝 액션 시퀀스부터 시선을 압도한다. TV 시리즈 특유의 아담한 화면 구성에서 벗어나, 은하계 곳곳을 누비는 장면들이 한층 웅장하..

이번 포스팅에서는 회원가입 프로세스를 전면 개편하고로그인 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 같은 예매 링크를 우선 저장하는 로직을 넣어서, 상세 페이지에서 예매 링크가 있는 공연은 "예매하기" 버튼이 뜨도록 구현했습니..

맛집, 관광지, 문화행사 정보를 한데 모아두는 작업은 어느 정도 마무리가 됐는데,막상 완성하고 보니 뭔가 재미 요소가 부족하다는 생각이 들었다.그러던 중 문득 "대구 사투리 퀴즈를 만들어보면 어떨까?" 하는 아이디어가 떠올랐고, 곧바로 기획에 돌입했다.1. 기술 스택 및 설계사용 기술: Laravel11 + Intertia.js + Vue 3DB 설계는 단순하게 잡았다quiz_questions- id- dialect -- 사투리 문장- answer -- 정답- wrong1 -- 오답 1- wrong2 -- 오답 2- explanation -- 해설- is_active -- 활성화 여부문제 출제 로직도 간단하다. 활성화된 문제 중 랜덤으로 10개를 뽑고, 보기 3개를 섞어서 내..