슬링키 | 애슐리 | 헤다 |
이오 | 디노 | 라온 | 홍고 | 달리 |
장소 기반 여행 기록 서비스, "행록"⛱️
Home Page: https://hanglog.com/
License: MIT License
TripController에 RestDocs를 적용합니다.
왜 가이드를 적어왔는데 먹질 못해 🍲
현재 DTO 패키지 구조가 일관성이 없어 하나로 통일해야 합니다.
2차 스프린트 관련 api 모두 구현 후 변경할 예정
No response
trip 추가 페이지 날짜 선택 컴포넌트 구현
No response
각 페이지의 path를 논의한 후 상수화
No response
API 문서 자동화를 위하여 모든 팀원들이 RestDocs를 이해하고 사용할 수 있는 가이드 문서를 작성할 예정입니다.
dayLog 개발..언제시작하지..?
서로 다른 코드 관리 스타일로 인한 통합 필요
코드스타일 통합
환경 세팅 재정립
No response
기록한 API 명세 중 단일 여행 생성에 해당하는 기능을 구현하려 합니다.
Trip팀 디노, 이오, 홍고 세 명이서 레전드 트리플 페어 프로그래밍 진행합니다.
모두들 응원해 주세요..!
하나 둘 셋
슈웃
프론트엔드 프로젝트 초기 세팅
No response
도시입력과 날짜 입력을 할 수 있는 페이지 구현
No response
Item 수정 및 삭제 API 구현합니다.
내일은 칼퇴
API 명세서 중 Item을 생성, 수정, 삭제하는 API를 구현한다.
홍고의 홀로 서기. 그 첫걸음.
하루 단위의 기록을 조회할 수 있는 API를 구현한다.
도전..?
DayLog 조회 API의 응답에 실제 날짜 정보를 추가한다.
언제까지..?
인증인가 다음 단계는 JWT를 쓸지 session을 쓸지 골라야 진행이 가능합니다
No response
CitySearchBar 포커스시 색상변경 & 태그 스크롤 기능
No response
ItemService
에 전체 Item
들을 조회하는 기능을 구현합니다.
아이템~
기존의 코드는 city 테이블을 생각하지 않고 다른 테이블과 연관성이 없는 필드들만 고려했습니다.
테스트를 위해 city 생성 api를 만들고 해당 city id를 request로 받았을 때,
tripcity 테이블에 데이터를 생성하고 해당 도시 이름 + 여행으로 trip의 타이틀을 세팅해 주는 작업을 진행해야 합니다.
슈우웃
하루 기록의 제목을 수정할 수 있는 API를 구현한다.
즐거운 하루~~~~
도시입력 컴포넌트 구현
트립 목록 페이지에서 보이는 대표 사진이 현재 Trip의 필드에 존재하지 않습니다.
사진 저장 방식이 확정된다면 추가해 주어야 합니다.
Trip의 필드에 titleImage 필드 추가
초기 생성 시에는 기본 이미지, 이후에 사용자가 수정 가능
우선 사진이 최우선 사항은 아니니 이번 스프린트엔 제외해 놓겠습니다.
TripItem 추가/수정 모달 구현
장소
선택 시 제목은 구글 map api를 사용해서 검색 결과 확인 및 자동완성을 할 수 있다.기타
선택 시 제목은 사용자가 입력한 값이 된다.기타
, 통화 디폴트는 ₩(원)
이다.No response
인증 인가 social 로그인의 경우 RestTemplate @nullable가 mock에서 에러가 터져서 대안을 찾아 구현해봐야합니다.
�ㅎㅎ
API 문서 자동화를 위해 Spring Rest Docs를 적용합니다.
No response
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',
});
}
};
커스텀 훅으로 분리
No response
비동기 작업할 때 사용할 axios 인스턴스 생성 및 요청 endpoint 상수화
No response
예외 처리를 위한 CustomException을 구현하고 ErrorCode를 enum으로 작성한다.
노션에 각자 예외처리 써주기 잊지말기 ~~~
단일 여행 기록에 대한 수정과 삭제 기능을 구현해야 합니다.
수정: title과 description 정보 변경
삭제: status가 USABLE이면 DELETED로 변경
하나 둘 셋
파이링
프로젝트의 전체 구조를 정하고 논의한 ERD를 기반으로 엔티티 클래스를 생성해 놓으려 합니다.
하나 둘 셋
파이팅
짝짝짝짝짝
Trip에서 사용할 수 있도록, DayLog의 생성, 삭제 기능을 구현합니다.
안녕하세요 코드짜는 감자입니다.
현재 여행 수정 기능에는 startDate와 endDate 변경 시 해당하는 만큼 dayLog들의 개수를 조정하는 로직이 구현되어 있지 않습니다.
이전 이슈에서 우선 기본적인 수정 기능을 구현 완료하였기 때문에 이제 해당 기능을 구현해야 합니다.
여행 수정 기능에 로직 추가
여기까지 제가 할 수 있을 줄 알았는데 어느새 주말이네요
하지만 주말까지 달린다면 가능할지도?
하지만 너무 기대는 하지 마시길
get 요청에 대한 에러를 처리하기 위해 ErrorBoundary 컴포넌트를 구현한다.
No response
Place
와 Category
의 필드를 변경합니다.
7/14 금요일에 변경돤 Entity 구조, API를 적용합니다~~
여행을 수정하고 여행 아이템 추가/수정할 수 있는 TripEditPage 구현
전체
, 장소
로 필터링해서 볼 수 있다.
전체
로 초기화된다.Day--*
탭을 변경해서 다른 날짜의 trip item들을 볼 수 있다.No response
구글 및 카카오 OAuth id 토큰을 통해 인증을 구현
No response
SVGCarousel에 패딩으로 인해 픽셀이 조금 안맞는 이슈
Carousel 수정 후 Modal도 수정 필요
디자인시스템 재배포 필요
No response
MySQL 버전을 정하고 로컬/dev 서버에 환경 설정
No response
백엔드 CI/CD 파이프라인 구축 (개인)
Trips페이지 Storybook 코드 추가
Trips페이지 Storybook 코드 추가
No response
Item
과 관련된 필드를 수정합니다.
No response
ItemController에 RestDocs를 적용합니다
절대 할게 없어서 RestDocs 하는거 아닙니다.
피그마에서 만든 디자인 시스템을 기반으로 재사용 가능한 디자인 시스템 라이브러리 구축 및 npm 배포
참고 링크
Category의 필드에 kor_name
과 eng_name
을 추가하고, 사용하지 않는 필드를 제거합니다.
name
삭제kor_name
추가eng_name
추가빙글빙글 돌아가는 Category~~~~ 얼쑤!
backgroundColor: white
boxShadow
추가width
, height
, storkeWidth
수정boxShadow
추가No response
소셜 로그인한 유저의 JWT 발급
No response
Google Map api를 기반으로 한 카테고리들을 타입 별로 나누어 정리 후 Category 테이블에 데이터를 미리 세팅해 놓아야 합니다.
언젠가는 해야 하잖아
누군가는 해야 하잖아
여행 생성 시 입력받는 도시 이름들에 대한 초기 데이터를 저장해 놓아야 합니다.
어떤 api를 사용해 도시 정보를 추출할 건지 아직 확정되지 않음
백엔드만 무려 다섯명인데
설~ 마 아무도 안하겠어?
나다~ 싶으면 해야겠지?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.