HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📎
운영진을 위한 문서 모음/
🤧
주차별 액션 안내/
👯
19~20주차/
💌
19-20주차 액션 포인트/김지영/
오프라인에서 만나는 우리들의 이야기 "Offstory"
오프라인에서 만나는 우리들의 이야기 "Offstory"
오프라인에서 만나는 우리들의 이야기 "Offstory"
오프라인에서 만나는 우리들의 이야기 "Offstory"

오프라인에서 만나는 우리들의 이야기 "Offstory"

기간
Oct 14, 2021 → Nov 3, 2022
종류
팀 프로젝트
역할
Front-End
Team Member
기술 스택
HTML5
CSS3
Vanila JS
axios
Vue3
Vuex
vue-router
Vue-Validate
Deploy URL
https://offstory.netlify.app
Naver mobile URL

여행을 외롭지 않게 도와주는 동행찾기 서비스

프로젝트 개요

여행과 관련한 동행정보를 쉽고 간편하게 찾을 수 있는 서비스

Flowchart

notion image
 

주요 기능

(추가 예정)

비로그인

  • 로그인 없이도 동행글 검색과 동행 상세 페이지까지 접근 가능
 
 
 
  • 시, 군구에 따른 동행글 필터링
    • 군-구를 선택하지 않을 경우 시에 해당하는 모든 동행글 필터링

    역할

    • 아이디어 제안 및 선정
    • 회원가입 페이지, 동행 상세 페이지 구현
    • Vee-Validate를 활용한 공통 Form validation 구현
    • 공통 믹스인 및 변수 설정
    • 디자인 통일화
    • 발표준비 및 발표

    🤸🏽‍♀️ Offstory 회고록

    아쉬웠던 점

    교훈점

    다음 목표

    팀프로젝트 | 여행 모임 서비스 offstory (1주차)
    Week 1. 프론트엔드 팀 프로젝트 1주차: 21 / 10 / 14 (금 ) ~ 21/ 10 / 17 (일) (1) 프로젝트 세팅 및 협업도구, 기술스택 결정 (2) Figma를 이용한 시안을 만들고 Work 분배, Work의 우선순위 결정 금요일에 처음으로 조원들과 모여 프로젝트 방향성을 결정하는 시간을 가졌다.
    팀프로젝트 | 여행 모임 서비스 offstory (1주차)
    https://velog.io/@jeongs/%ED%8C%80%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%97%AC%ED%96%89-%EB%AA%A8%EC%9E%84-%EC%84%9C%EB%B9%84%EC%8A%A4-offstory
    팀프로젝트 | 여행 모임 서비스 offstory (1주차)
    팀프로젝트 | 여행 모임 서비스 offstory (2주차)
    Week 2. 프론트엔드 팀 프로젝트 2주차: 21 / 10 / 18 - 21 / 10 / 24 (일) 10 / 18 - 10 / 19 : 프로젝트 기본 세팅 및 깃허브, 깃 익히기 (1) Grid System setup (2) Prettier/Eslint setup (3) branch 세팅: github-flow 변경해서 적용 (4) github-project 사용법 익히기 (5) 프로젝트 충돌관리 10 / 20 - : 개발 시작 (1) 우선순위 1순위부터 파트를 나눠서 기능 구현하기 (2) Open API 오류 🥲🥲🥲 (3) 제공된 API 에 추가 기능 요청 (4) 메인 이외에도 그때그때 필요한 기능들 구현 1주차에 의논했던 프로젝트 기술 스택 및 도구를 두근두근한 마음으로 세팅해보기로 했다.
    팀프로젝트 | 여행 모임 서비스 offstory (2주차)
    https://velog.io/@jeongs/%ED%8C%80%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%97%AC%ED%96%89-%EB%AA%A8%EC%9E%84-%EC%84%9C%EB%B9%84%EC%8A%A4-offstory-2%EC%A3%BC%EC%B0%A8
    팀프로젝트 | 여행 모임 서비스 offstory (2주차)
    팀프로젝트 | 여행 모임 서비스 offstory (3주차)
    짧은 기간안에 프로젝트를 진행하다보니 자체 머지하는 일이 빈번했고, 팀원이 어떤 로직으로 정확히 어떤 일을 했는지 확인하지 않고 넘어가는 상황이 많아졌다. 물론 PR 제목을 통해 대강 뭘 했는지는 알 수 있지만 기능구현에 집중한 나머지 코드 퀄리티나 리뷰는 신경쓰지 않는 느낌이 들었다.
    팀프로젝트 | 여행 모임 서비스 offstory (3주차)
    https://velog.io/@jeongs/%ED%9A%8C%EA%B3%A0%EB%A1%9D-3
    팀프로젝트 | 여행 모임 서비스 offstory (3주차)
     

    🗣 발표