kimyouknow / codesquad-airbnb Goto Github PK

기능 요청사항

협업툴로 어떤 서비스를 사용할지 정해봐요!

닫는 조건

어떤 서비스를 사용할지 정해지면 위키에 작성하고 링크를 달아주세요.

기능 요청사항

슬라이더 범위의 차트만 하이라이팅

요청 세부사항

• 슬라이더 범위의 차트만 하이라이팅

닫는 조건

• 6/2 12:00까지 진행

기능 요청사항

달력 좌측 버튼 눌렀을 때 기능 구현

요청 세부사항

좌측버튼 눌렀을 때, 이전 달이 캐러셀 애니메이션과 함께 보여지도록하기
이전 로직을 최대한 살려서 코딩하기
초기 렌더링 시 년도 보여지는 에러 수정하기 (#30 (comment))

닫는 조건

• : 좌측 버튼 기능 구현
• : 초기 렌더링 에러
• : 6/7 18:00시

기능 요청사항

모달 컴포넌트 pr 리뷰를 반영해서 수정: codesquad-members-2022#121 (review)
모달 컴포넌트 세부 사항 구현

요청 세부사항

• : 재사용성 고려 (전역모달, 하위 모달)
• : 닫는 조건
• : 키보드 이벤트
• : 레이어 고려

레퍼런스

노션 모달만들기 정리 페이지

닫는 조건

• 위의 요청 세부사항 만족
• 6/8일 오후 15:00까지

기능 요청사항

이전에 만들었던 모달을 npm에 배포 후 해당 저장소에서 pr보내면서 기여하기

요청 세부사항

• npm 배포
• typescript
• 로직 수정: 컴포넌트 뷰와 열고 닫는 로직을 한 곳에 모아두기

닫는 조건

이번 프로젝트에 적용되면 닫아주세요.

기능 요청사항

Calendar 컴포넌트를 리팩토링합니다.

요청 세부사항

• : 중복되는 로직 함수로 묶어보기
• : 비슷한 타입들 interface와 extends로 중복 줄여보기
• : 매직넘버 줄이기
• : 배열안의 객체 type 네이밍
• : id 값 객체 -> string이나 number로 수정해보기
• : js array 고차함수 메서드 map -> filter (의미를 고려해보기)

닫는 조건

• 위의 요청 세부사항 해결

기능 요청사항

달력 이전, 이후 날짜 렌더링

요청 세부사항

• : 달력 이전, 이후 날짜 렌더링

닫는 조건

• : 6월 1일 17시까지 구현해보기 -> 6월 2일 오후 12:30까지 구현해보기

기능 요청사항

canvas태그를 활용해 커스텀 차트를 만들어 주세요.

요청 세부사항

최소, 최대 금액 range를 유저가 조정할 수 있도록 만들어주세요.

닫는 조건

• : 최소, 최대 금액 range 조정 옵션
• : 사용자가 요금 영역을 클릭하면 선택한 날짜를 기준으로 선택된 숙소들의 가격 범위를 표시한다.

기능 요청사항

캘린더 한 달 뷰 구현

요청 세부사항

ex) 캘린더 한 달 뷰 구현

기능 요청사항

이후 날짜 렌더링처럼 이전 날짜 렌더링도 만들어보기
필요하다면 변수명 및 로직 리팩토링

요청 세부사항

닫는 조건

• : 기능구현이 완벽하지 않더라도 내일 오전 11시까지 pr보내기

기능 요청사항

ex) 차트 그래프 기본 구현

요청 세부사항

• 기본적인 그래프 형태 구현

닫는 조건

• : 금일 18시까지 구현해보기

기능 요청사항

캘린더 우측 클릭시 렌더링 리팩토링

요청 세부사항

• 정해진 캘린더 개수 수정
• setTimeout을 대체할 수 있는지 고민하기

닫는 조건

• : 다음 만나기 전까지

기능 요청사항

달력 렌더링 로직 구현

요청 세부사항

현재 달을 기준으로 달력을 렌더링해주세요.
현재 달 앞 뒤로 빈 공간을 적절하게 채워주세요.

닫는 조건

• : 금일 18시까지 구현해보기

기능 요청사항

캘린더, date picker 스타일 적용 및 리팩토링

요청 세부사항

• : date picker 스타일
• : 캘린더 스타일
• : 상태관리 고민
• : 캐러셀 로직에서 useState의 state, setState로직을 hooks로 분리
• : 재사용가능하도록 리팩토링
• : 제네릭 적용 고민

닫는 조건

• : 6월 9일 15시~16시까지

기능 요청사항

1주차 두번째 PR 리뷰 반영

• 캘린더 구조 수정
• 관심사 분리를 고려하여 모달 리팩토링
• interface 네이밍 수정
• webpack hot module 대신에 react-refresh 사용한 이유 정리

기능 요청사항

3주동안 프로젝트를 진행하면서 지켜야할 간단한 규칙을 정해봐요

요청 세부사항

스크럼 시간, 문서 담당자, 회고 방법 등등 규칙들을 고민해봐요.
pr방식, 브랜치 전략, 디렉토리 구조, 네이밍 컨벤션, 커밋 컨벤션, 컴포넌트 컨벤션 등등 개발환경에서 필요한 컨벤션 및 전략을 고민해봐요.

닫는 조건

그라운드룰 및 협업 전략이 정해지면 위키에 작성하고 링크를 달아주세요.

기능 요청사항

프로젝트 세팅

요청 세부사항

• cra 없이 webpack으로 react + typescript 적용
• eslint + prettier 적용

기능 요청사항

양방향 슬라이더

요청 세부사항

• : 양방향 슬라이더
• : 가능하다면 이전 코드 리팩토링

닫는 조건

• : 내일 오전 11시까지 PR보내기(완벽하지 않아도 구현한데까지 보내기)

기능 요청사항

캘린더 Date Picker 체크인, 체크아웃 날짜 설정

요청 세부사항

오늘(6/7) 목표 (3시간 예상)

• : 사용자가 처음 날짜를 클릭하면 체크인 일자로 반영한다. -> 클릭하지않아도 기본값으로 현재 날짜와 다음날짜로 선택된다.
• : 이미 입력한 체크인 일자보다 앞선 일자를 입력한 경우 나중에 입력한 값을 체크인 일자로 반영한다.
• : 이미 입력한 체크인 일자보다 늦은 일자를 클릭할 경우, 나중에 입력한 값을 체크아웃 일자로 반영한다.
• : 체크인, 체크아웃 일자를 설정하고 이후에 클릭한 날짜가 체크인, 체크아웃 범위일때 체크아웃이 갱신된다.
• : 체크인, 체크아웃 리셋 버튼을 누르면 날짜가 리셋된다.

닫는 조건

• : 내일(6/8) 오후 12:30까지

기능 요청사항

양방향 슬라이더

요청 세부사항

• : 양방향 슬라이더
• : x축, y축 라벨 및 헤더, 단위 표시, 평균값표시

닫는 조건

• : 오늘 18:00시

기능 요청사항

차트에 필요한 축 라벨 및 단위, 제목 표시하기

요청 세부사항

• : x,y축 라벨
• : x,y축 단위
• : 활성화된 범위 내 평균 값 표시
• : 차트 제목
• : 곡선커브

닫는 조건

• 위의 세부 사항 만족
• 6/8 오후 12:30까지

기능 요청사항

프로젝트 진행전 전반적인 설계를 진행해봐요

요청 요구사항

사용자 흐름, 상태관리, 페어범위, api설계, 컴포넌트 단위 설계, 폴더구조를 작성해봐요

닫는 조건

내용이 정리되면 위키에 작성하고 링크를 달아주세요.

기능 요청사항

1주차 첫번째 PR 리뷰 반영