Code Monkey home page Code Monkey logo

2023-hang-log's Introduction

2023-hang-log's People

Contributors

ashleysyheo avatar dahyeeee avatar dladncks1217 avatar hgo641 avatar jjongwa avatar ljw25 avatar mcodnjs avatar waterricecake avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

2023-hang-log's Issues

TripController RestDocs 적용

🔨 Describe

TripController에 RestDocs를 적용합니다.

✅ Tasks

  • Update
  • Delete

🙋🏻 More

왜 가이드를 적어왔는데 먹질 못해 🍲

패키지 구조 리팩토링

🔨 Describe

현재 DTO 패키지 구조가 일관성이 없어 하나로 통일해야 합니다.
2차 스프린트 관련 api 모두 구현 후 변경할 예정

✅ Tasks

  • dto 패키지 구조 변경

🙋🏻 More

No response

trip 추가 페이지 날짜 선택 컴포넌트 구현

📄 Describe

trip 추가 페이지 날짜 선택 컴포넌트 구현

✅ Tasks

  • 인풋 창 클릭시 달력 컴포넌트 출력
  • 인풋 창에 직접 입력 불가능
  • 선택한 날짜가 텍스트로 인풋창에 자동으로 입력
  • 60일 이상 선택 불가능

🙋🏻 More

No response

페이지 Path 추가

📄 Describe

각 페이지의 path를 논의한 후 상수화

✅ Tasks

  • 페이지 path 상수화

🙋🏻 More

No response

RestDocs 사용 가이드 작성

🤔 Describe

API 문서 자동화를 위하여 모든 팀원들이 RestDocs를 이해하고 사용할 수 있는 가이드 문서를 작성할 예정입니다.

✅ Tasks

  • RestDocs 사용 순서를 정리한다.
  • 적용 예시를 작성한다.

🙋🏻 More

dayLog 개발..언제시작하지..?

Frontend 코드 1차 통합

🤔 Describe

서로 다른 코드 관리 스타일로 인한 통합 필요

✅ Tasks

코드스타일 통합
환경 세팅 재정립

🙋🏻 More

No response

Trip 생성 API 구현

📄 Describe

기록한 API 명세 중 단일 여행 생성에 해당하는 기능을 구현하려 합니다.

✅ Tasks

  • Repository
  • Service
  • Controller

🙋🏻 More

Trip팀 디노, 이오, 홍고 세 명이서 레전드 트리플 페어 프로그래밍 진행합니다.
모두들 응원해 주세요..!
하나 둘 셋
슈웃

새로운 트립 추가 페이지 구현

📄 Describe

도시입력과 날짜 입력을 할 수 있는 페이지 구현

✅ Tasks

  • CitySearchBar, DateInput 컴포넌트 합치기
  • citytags와 daterange 정보 가져와서 서버로 post 요청보내기
  • 둘 중 하나라도 입력이 안되었을 시 요청 보내지 못하게 막기(toast? 버튼 비활성화?)
  • 화면 하단 오른쪽에 이미지 넣기

🙋🏻 More

No response

Item 수정 및 삭제 API 구현

📄 Describe

Item 수정 및 삭제 API 구현합니다.

✅ Tasks

  • 수정
    • 서비스
    • 컨트롤러
  • 삭제
    • 서비스
    • 컨트롤러

🙋🏻 More

내일은 칼퇴

Header 컴포넌트 구현

📄 Describe

Header
  • Header 컴포넌트를 구현한다 (로그인된 상태)

✅ Tasks

  • Header 컴포넌트 구현

🙋🏻 More

No response

Item 생성, 수정, 삭제 API 구현

📄 Describe

API 명세서 중 Item을 생성, 수정, 삭제하는 API를 구현한다.

✅ Tasks

  • Repository
  • Service
  • Controller

🙋🏻 More

홍고의 홀로 서기. 그 첫걸음.

DayLog 조회 API 구현

📄 Describe

하루 단위의 기록을 조회할 수 있는 API를 구현한다.

✅ Tasks

  • Repository
  • Service
  • Controller

🙋🏻 More

도전..?

JWT vs session

📝 Describe

인증인가 다음 단계는 JWT를 쓸지 session을 쓸지 골라야 진행이 가능합니다

✅ Tasks

  • [] JWT vs SESSION vs OTHER
  • [] interceptor or filter

🙋🏻 More

No response

전체 Item 조회 기능 구현

📄 Describe

ItemService에 전체 Item들을 조회하는 기능을 구현합니다.

✅ Tasks

  • ItemService에 getItems 메소드 구현
  • ItemService에 getItems 메소드 테스트 구현

🙋🏻 More

아이템~

Trip 생성 시 tripCity 데이터 생성, 도시 이름으로 타이틀 생성

🔨 Describe

기존의 코드는 city 테이블을 생각하지 않고 다른 테이블과 연관성이 없는 필드들만 고려했습니다.

테스트를 위해 city 생성 api를 만들고 해당 city id를 request로 받았을 때,
tripcity 테이블에 데이터를 생성하고 해당 도시 이름 + 여행으로 trip의 타이틀을 세팅해 주는 작업을 진행해야 합니다.

✅ Tasks

  • city 생성 코드 추가
  • 입력받은 city 이름으로 타이틀 생성 로직 추가

🙋🏻 More

슈우웃

DayLog 수정 API 구현

📄 Describe

하루 기록의 제목을 수정할 수 있는 API를 구현한다.

✅ Tasks

  • Repository
  • Service
  • Controller

🙋🏻 More

즐거운 하루~~~~

도시 입력 컴포넌트 구현

📄 Describe

도시입력 컴포넌트 구현

✅ Tasks

  • 방문도시 입력 받을 수 있는 입력창 만들기
  • 검색어에 따라 도시 제안 목록 보여주기
  • 검색어에 제안 목록이 없을 경우 대체 텍스트 보여주기
  • 클릭하면 도시 태그 생성
  • 똑같은 도시 입력시, 태그 제일 뒤로 보내기
  • 태그 삭제가능
  • 키보드 up, down 입력으로 제안목록 왔다갔다하기

🙋🏻 More

  • 도시 입력 최대 몇개까지? 15개

Trip 구성요소 추가 - 대표 사진

🔨 Describe

트립 목록 페이지에서 보이는 대표 사진이 현재 Trip의 필드에 존재하지 않습니다.
사진 저장 방식이 확정된다면 추가해 주어야 합니다.

✅ Tasks

Trip의 필드에 titleImage 필드 추가
초기 생성 시에는 기본 이미지, 이후에 사용자가 수정 가능

🙋🏻 More

우선 사진이 최우선 사항은 아니니 이번 스프린트엔 제외해 놓겠습니다.

TripItem 추가/수정 모달 구현

📄 Describe

Trip Item Add Modal - non spot-1 Trip Item Add Modal - non spot-2

TripItem 추가/수정 모달 구현

✅ Tasks

  • 카테고리, 날짜, 제목을 필수로 입력해야 한다.
    • 날짜는 모달 생성을 클릭한 탭의 날짜가 디폴트로 설정된다.
    • 카테고리 장소 선택 시 제목은 구글 map api를 사용해서 검색 결과 확인 및 자동완성을 할 수 있다.
    • 카테코리 기타 선택 시 제목은 사용자가 입력한 값이 된다.
  • 옵셔널로는 별점, 비용 (카테고리, 통화, 금액), 메모, 사진을 입력할 수 있다.
    • 비용 카테고리 디폴트는 기타, 통화 디폴트는 ₩(원)이다.
  • 사진은 최대 5장 업로드할 수 있다.
  • 일정 추가/수정 성공 시 성공했다는 토스트 메세지를 볼 수 있다.

🙋🏻 More

No response

인증 인가 test

📄 Describe

인증 인가 social 로그인의 경우 RestTemplate @nullable가 mock에서 에러가 터져서 대안을 찾아 구현해봐야합니다.

✅ Tasks

  • [] LoginService test
  • [] Login 통합테스트 구현

🙋🏻 More

�ㅎㅎ

RestDocs 세팅

📄 Describe

API 문서 자동화를 위해 Spring Rest Docs를 적용합니다.

✅ Tasks

  • RestDocs 라이브러리 설정
  • 문서 템플릿 작성
  • TripControllerTest 적용

🙋🏻 More

No response

CitySuggestion 컴포넌트 내부 재사용 가능한 코드 커스텀 훅으로 분리

🔨 Describe

  const scrollToFocusedSuggestion = () => {
    const list = listRef.current;
    const focusedItem = itemRef.current;

    if (list && focusedItem) {
      const listRect = list.getBoundingClientRect();
      const focusedItemRect = focusedItem.getBoundingClientRect();

      const scrollOffset =
        focusedItemRect.top - listRect.top - listRect.height / 2 + focusedItemRect.height / 2;

      list.scrollTo({
        top: list.scrollTop + scrollOffset,
        behavior: 'smooth',
      });
    }
  };

커스텀 훅으로 분리

✅ Tasks

  • 커스텀 훅 분리
  • 키보드로 조작 불가능한 버그 수정

🙋🏻 More

No response

예외 처리 로직 구현

📄 Describe

예외 처리를 위한 CustomException을 구현하고 ErrorCode를 enum으로 작성한다.

✅ Tasks

  • CustomException 작성
  • Exception 관련 enum 작성
  • ExceptionHandler 구현

🙋🏻 More

노션에 각자 예외처리 써주기 잊지말기 ~~~

Trip 수정 및 삭제 API 구현

📄 Describe

단일 여행 기록에 대한 수정과 삭제 기능을 구현해야 합니다.

수정: title과 description 정보 변경
삭제: status가 USABLE이면 DELETED로 변경

✅ Tasks

  • 수정
    • Controller
    • Service
    • Repository
  • 삭제
    • Controller
    • Service
    • Repository

🙋🏻 More

하나 둘 셋
파이링

Trip 도메인 구조 설계 및 엔티티 클래스 작성

📄 Describe

프로젝트의 전체 구조를 정하고 논의한 ERD를 기반으로 엔티티 클래스를 생성해 놓으려 합니다.

✅ Tasks

  • 프로젝트의 전체 구조 패키지로 구분
  • 엔티티 클래스 작성

🙋🏻 More

하나 둘 셋
파이팅
짝짝짝짝짝

DayLog 생성, 삭제 Service 구현

📄 Describe

Trip에서 사용할 수 있도록, DayLog의 생성, 삭제 기능을 구현합니다.

✅ Tasks

  • Service
  • Repository

🙋🏻 More

안녕하세요 코드짜는 감자입니다.

여행 일정 변경 기능 추가

🔨 Describe

현재 여행 수정 기능에는 startDate와 endDate 변경 시 해당하는 만큼 dayLog들의 개수를 조정하는 로직이 구현되어 있지 않습니다.

이전 이슈에서 우선 기본적인 수정 기능을 구현 완료하였기 때문에 이제 해당 기능을 구현해야 합니다.

✅ Tasks

여행 수정 기능에 로직 추가

  • 일정이 기존보다 늘어났을 경우
    • 추가된 날짜 만큼 dayLog 추가
  • 일정이 기존보다 줄어들었을 경우
    • 줄어든 날짜만큼 dayLog 삭제
  • 추가/삭제되는 dayLog의 위치는 여행의 가장 뒤를 기준으로 이뤄진다.

🙋🏻 More

여기까지 제가 할 수 있을 줄 알았는데 어느새 주말이네요
하지만 주말까지 달린다면 가능할지도?
하지만 너무 기대는 하지 마시길

ErrorBoundary 컴포넌트 구현

📄 Describe

get 요청에 대한 에러를 처리하기 위해 ErrorBoundary 컴포넌트를 구현한다.

✅ Tasks

  • Error 컴포넌트 구현 (fallback)
  • ErrorBoundary 컴포넌트 구현

🙋🏻 More

No response

Place, Category 필드 및 Request DTO 변경

📄 Describe

PlaceCategory의 필드를 변경합니다.

✅ Tasks

Place

  • address 삭제

PlaceRequest

  • apiId 삭제
  • address 삭제
  • categoryApiId -> apiCategory로 이름 변경

Category

  • googleApiId 삭제

🙋🏻 More

7/14 금요일에 변경돤 Entity 구조, API를 적용합니다~~

Trip목록 조회 기능 구현

📄 Describe

로그인 후 가장 먼저 볼 수 있는 메인 화면에 해당하는 Trip 목록 조회 기능을 구현해야 합니다.

✅ Tasks

Response:

  • tripId
  • title
  • image
  • cites
  • startDate
  • endDate
  • description

사진 부분과 도시 테이블이 아직 존재하지 않아 해당 필드는 제외하고 우선 구현하지 않을까 싶습니다.

🙋🏻 More

이거는 @mcodnjs@mcodnjs이 할꺼야

TripEdit 페이지 구현

📄 Describe

Trip Edit Page


여행을 수정하고 여행 아이템 추가/수정할 수 있는 TripEditPage 구현

✅ Tasks

  • 여행 정보(방문 도시들, 여행 제목, 방문 기간, 여행 메모)를 볼 수 있다.
    • 여행 정보에 대표 이미지가 없는 경우에 디폴트 이미지를 볼 수 있다.
  • 뱡문 기간 동안의 여행 아이템 정보(장소/제목, 별점, 메모, 경비 등)를 각 날짜 탭에서 볼 수 있다.
  • 각 Day Log에 대한 소제목을 입력할 수 있다.
  • 각 Day Log의 trip item들을 전체, 장소로 필터링해서 볼 수 있다.
    • Day 탭이 변경되면 필터링은 전체로 초기화된다.
  • Day--* 탭을 변경해서 다른 날짜의 trip item들을 볼 수 있다.
  • Day Log에 trip item이 없는 경우에는 일정을 추가해 보라는 메세지를 볼 수 있다.
  • trip item을 드래그 앤 드롭해서 순서를 변경할 수 있다.
  • trip item에 사진이 여러 개 있는 경우 swipe/drag를 통해 모든 이미지들을 볼 수 있다.

🙋🏻 More

No response

소셜 로그인 인증 구현

📄 Describe

구글 및 카카오 OAuth id 토큰을 통해 인증을 구현

✅ Tasks

  • 구글 소셜 로그인 api
  • 카카오 소셜 로그인 api

🙋🏻 More

No response

Tutorial Modal SVGCarousel padding 수정 이슈

🔨 Describe

SVGCarousel에 패딩으로 인해 픽셀이 조금 안맞는 이슈
Carousel 수정 후 Modal도 수정 필요

✅ Tasks

디자인시스템 재배포 필요

🙋🏻 More

No response

MySQL 환경설정

🤔 Describe

MySQL 버전을 정하고 로컬/dev 서버에 환경 설정

  • 로컬에서 작업할 때 동일환경에서 작업할 수 있도록 도커로 띄움
  • dev 서버는 ec2-private-db에 환경 구축

✅ Tasks

  • 도커에 띄우기 위한 MySQL의 docker-compose.yml 파일 작성
  • ec2-private-db 서버 MySQL 구축

🙋🏻 More

No response

단일 여행 정보 수정 모달 구현

📄 Describe

Trip Edit Page

여행의 정보를 수정할 수 있는 모달을 구현한다.

✅ Tasks

  • 여행 생성 페이지에서 입력된 정보가 적혀있다

  • 도시를 추가/삭제 할 수 있다

  • 일정 기간을 수정할 수 있다

    • 수정된 여행 기간이 현재 설정된 기간보다 작을 경우 에러 모달을 볼 수 있다
  • 여행 제목을 입력할 수 있다

  • 여행 정보를 입력할 수 있다

  • 여행 대표 이미지를 설정할 수 있다 (옵셔널)

  • 여행수정 페이지로 바로 들어갔을 때 도시목록(서버통신)없는 오류 수정

🙋🏻 More

No response

TripList 페이지 구현

📄 Describe

스크린샷 2023-07-13 오후 3 57 37

여행 리스트와 서비스 사용 튜토리얼을 볼 수 있는 TripList 페이지 구현

✅ Tasks

  • 여행 목록들을 확인할 수 있다.
  • 여행 목록들을 등록순으로 정렬할 수 있다.
  • 여행 목록들을 날짜순으로 정렬할 수 있다.
  • 여행 목록이 비어있으면 튜토리얼 모달을 띄운다. (인증 인가 기능 구현 전에만 임시로)

  • TripListPage 구현
  • Trip List 조회 api msw 모킹
  • 튜토리얼 모달 컴포넌트 구현
  • 튜토리얼 모달 컴포넌트에 Slick Slider 구현

🙋🏻 More

No response

Trips페이지 Storybook 코드 추가

📄 Describe

Trips페이지 Storybook 코드 추가

  • TripsHeader
  • TripsItemList
  • TripsItemList.Empty

✅ Tasks

Trips페이지 Storybook 코드 추가

🙋🏻 More

No response

Item관련 필드 수정

🔨 Describe

Item과 관련된 필드를 수정합니다.

✅ Tasks

  • [Item] imageUrls 필드 추가
    • [ItemDto] imageUrls 필드 추가
  • [Item] raiting validation 추가
  • [PlaceRequest] 위도, 경도 validation 추가
  • [PlaceRequest] apiCategory필드를 리스트로 수정
  • [Expense] amount 타입을 Double로 변경

🙋🏻 More

No response

ItemController RestDocs 적용

🔨 Describe

ItemController에 RestDocs를 적용합니다

✅ Tasks

  • Create
  • Update
  • Delete

🙋🏻 More

절대 할게 없어서 RestDocs 하는거 아닙니다.

Category 필드 변경

📄 Describe

Category의 필드에 kor_nameeng_name을 추가하고, 사용하지 않는 필드를 제거합니다.

✅ Tasks

  • name삭제
  • kor_name 추가
  • eng_name 추가

🙋🏻 More

빙글빙글 돌아가는 Category~~~~ 얼쑤!

도시입력창 & 제안목록 컴포넌트 수정

🔨 Describe

Screenshot 2023-07-18 at 11 32 23 AM

image


  • 도시입력창 포커스 시 백그라운드 컬러가 회색이 아닌 흰색으로 변경되고, box-shadow가 추가된다
  • 핀 아이콘 사이즈 및 stroke-width 수정
  • 하단, 검색결과 창에 box-shadow 추가
  • 인풋 창이 포커스 되었을 때 포커스 아웃라인을 없앤다


image


  • 검색 결과가 많을 경우 height가 변하지 않고 스크롤 할 수 있도록 변경한다.

✅ Tasks

  • 검색 창 backgroundColor: white
  • 검색 창 boxShadow 추가
  • 핀 아이콘 width, height, storkeWidth 수정
  • 검색창 결과 박스에 boxShadow 추가
  • 인풋 창 포커스 시 포커스 아웃라인 제거
  • 검색 결과 늘어날 시 박스 사이즈가 변하지 않고 스크롤로 변경

🙋🏻 More

No response

카테고리 계층화 및 테이블에 데이터 세팅

📄 Describe

Google Map api를 기반으로 한 카테고리들을 타입 별로 나누어 정리 후 Category 테이블에 데이터를 미리 세팅해 놓아야 합니다.

✅ Tasks

  • Google Map api에서 카테고리 리스트 추출
  • 각 카테고리 별 계층화한 id 할당
  • 테이블에 초기 데이터 세팅

🙋🏻 More

언젠가는 해야 하잖아
누군가는 해야 하잖아

City 테이블 데이터 세팅

📄 Describe

여행 생성 시 입력받는 도시 이름들에 대한 초기 데이터를 저장해 놓아야 합니다.
어떤 api를 사용해 도시 정보를 추출할 건지 아직 확정되지 않음

✅ Tasks

  • 사용할 api 정하기
  • 데이터에서 필요한 정보(도시 이름, 대륙...?) 추출
  • City 테이블에 기본 데이터 세팅

🙋🏻 More

백엔드만 무려 다섯명인데
설~ 마 아무도 안하겠어?
나다~ 싶으면 해야겠지?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.