[FE] issue27: 무한 스크롤 기능 추가 #31
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
msw로 mocking api를 구현하고 |axios와 react-query를 사용하여 data fetch를 구현하였다 Co-authored-by: TaeYoon <uni613@naver.com>
Co-authored-by: TaeYoon <uni613@naver.com>
일정 길이가 넘으면 ...으로 표현한다 Co-authored-by: TaeYoon <uni613@naver.com>
Co-authored-by: TaeYoon <uni613@naver.com>
Co-authored-by: TaeYoon <uni613@naver.com>
Co-authored-by: TaeYoon <uni613@naver.com>
Co-authored-by: TaeYoon <uni613@naver.com>
메인 페이지에서 검색결과가 없거나 카드 데이타가 없을때 main에 최소 높이가 주어지지 않아, footer가 위로 올라오는 현상을 해결하였습니다. Co-authored-by: TaeYoon <uni613@naver.com>
…nto feat/27-infinite-scroll
airman5573
added
🚀 feature
Closed
verus-j
added a commit
that referenced
this pull request
Jul 12, 2022
* chore: 프로젝트 생성 * chore: 프로젝트 세팅 * chore: 프로젝트 설정 1. 스토리북에서 이모션을 인식할 수 있도록 스토리북 웹팩 및 바벨 설정 2. 절대 경로 추가 * feat: theme 적용 emotion ThemeProvider 적용 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * feat: Chip 컴포넌트 구현 및 스토리 작성 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * chore: 절대 경로 추가 * styles * custom-types Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * feat: Card 컴포넌트 구현 및 스토리 작성 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * refactor: 파일 폴더 이동 Chip story + types.d.ts Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * refactor: Chip 스타일 파일 분리 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * style: Globalstyle 적용 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * feat: StudyChip 컴포넌트 구현 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * feat: StudyCard 컴포넌트 구현 및 스토리 작성 Co-Authored-By: airman5573 <68623798+airman5573@users.noreply.github.com> * chore: pages 절대 경로 추가 * fix: Chip 로직 수정 * feat: MainPage 컴포넌트 구현 및 스토리 작성 Chip, Card, StudyCard 세부 스타일 수정 반응형 그리드 적용 * style: MainPage 그리드 스타일 수정 * feat: 스터디 목록 조회 * test: 스터디 목록 조회 인수 테스트 작성 * feat: 잘못된 페이징 정보로 목록 조회시 400 반환 * chore: spring-boot 버전 다운그레이드 인텔리제이에서 스프링 부트 2.7.1 버전 사용 시 빈을 찾을 수 없는 에러로 인해 2.6.9 버전으로 다운그레이드 * feat: 기본값 페이징 정보로 목록 조회 시 200 반환 * feat: 기본값 페이징 정보로 목록 조회 시 데이터 반환 * refactor: Pageable 적용 * feat: 정상적인 페이징 정보를 통해 스터디 목록 조회 * [FE] Feat/11-header (#20) * fix: typo 수정 custom-styles를 custom-types로 수정 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Header 컴포넌트 구현 및 스토리 작성 Header, Logo, Avatar, SearchBar 컴포넌트 구현 Co-authored-by: TaeYoon <uni613@naver.com> * style: font 추가 기존 폰트에 Bold, ExtraBold, Light 폰트를 추가 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Home화면 구성 Header와 MainPage 컴포넌트를 App에 결합 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: css를 붙여 일관성 유지 styled component안에서 theme을 사용할때 css함수를 붙였다. 왜냐하면, 자동완성 기능과 VSC에서 가독성이 더 좋아지기 때문이다. Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: TaeYoon <uni613@naver.com> * feat: Header 및 Home Page UI 구현 * fix: typo 수정 custom-styles를 custom-types로 수정 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Header 컴포넌트 구현 및 스토리 작성 Header, Logo, Avatar, SearchBar 컴포넌트 구현 Co-authored-by: TaeYoon <uni613@naver.com> * style: font 추가 기존 폰트에 Bold, ExtraBold, Light 폰트를 추가 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Home화면 구성 Header와 MainPage 컴포넌트를 App에 결합 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: css를 붙여 일관성 유지 styled component안에서 theme을 사용할때 css함수를 붙였다. 왜냐하면, 자동완성 기능과 VSC에서 가독성이 더 좋아지기 때문이다. Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: TaeYoon <uni613@naver.com> * refactor: 테스트 코드 및 패키지 구조 변경 (#23) 인수/통합 테스트는 HTTP 통신과 데이터베이스 상호작용을 함께 검증하는 E2E 테스트로 작성 단위 테스트는 외부적인 요소(HTTP 통신, 데이터베이스 등)을 제외하고 검증하는 가벼운 테스트로 작성 도메인 별로 패키지를 생성하고, 공통으로 사용하는 모듈의 경우 common 패키지에 위치 각 도메인 패키지 하위에 controller, service, domain 패키지 생성하여 관리 close: #22 * [BE] issue18: 스터디 제목으로 검색 (#24) * test: 검색 관련 인수 테스트 작성 * feat: 키워드로 스터디 목록 검색 * feat: 앞뒤 공백을 제거한 키워드로 스터디 검색 * feat: cors 허용 (#29) * feat: msw 서버 api 호출 후 렌더링 (#30) * feat: mocking api 및 data fetch 구현 msw로 mocking api를 구현하고 |axios와 react-query를 사용하여 data fetch를 구현하였다 Co-authored-by: TaeYoon <uni613@naver.com> * feat: 검색 결과 렌더링 Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: TaeYoon <uni613@naver.com> * [FE] issue27: 무한 스크롤 기능 추가 (#31) * feat: mocking api 및 data fetch 구현 msw로 mocking api를 구현하고 |axios와 react-query를 사용하여 data fetch를 구현하였다 Co-authored-by: TaeYoon <uni613@naver.com> * feat: 검색 결과 렌더링 Co-authored-by: TaeYoon <uni613@naver.com> * style: 스터디 카드 제목 스타일 수정 일정 길이가 넘으면 ...으로 표현한다 Co-authored-by: TaeYoon <uni613@naver.com> * style: Footer 컴포넌트 구현 Co-authored-by: TaeYoon <uni613@naver.com> * perf: StudyCard memoization적용 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Logo에 link 적용 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: placeholder 수정 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: 기본 로드 개수 변경 * refactor: 불필요한 코드 삭제 * refactor: infinite sc구현 * feat: dummy data 추가 * style: footer가 위쪽으로 이동하는 스타일 수정 메인 페이지에서 검색결과가 없거나 카드 데이타가 없을때 main에 최소 높이가 주어지지 않아, footer가 위로 올라오는 현상을 해결하였습니다. Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: TaeYoon <uni613@naver.com> * [FE] hotfix: git 충돌 에러 해결 (#32) * feat: mocking api 및 data fetch 구현 msw로 mocking api를 구현하고 |axios와 react-query를 사용하여 data fetch를 구현하였다 Co-authored-by: TaeYoon <uni613@naver.com> * feat: 검색 결과 렌더링 Co-authored-by: TaeYoon <uni613@naver.com> * style: 스터디 카드 제목 스타일 수정 일정 길이가 넘으면 ...으로 표현한다 Co-authored-by: TaeYoon <uni613@naver.com> * style: Footer 컴포넌트 구현 Co-authored-by: TaeYoon <uni613@naver.com> * perf: StudyCard memoization적용 Co-authored-by: TaeYoon <uni613@naver.com> * feat: Logo에 link 적용 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: placeholder 수정 Co-authored-by: TaeYoon <uni613@naver.com> * refactor: 기본 로드 개수 변경 * refactor: 불필요한 코드 삭제 * refactor: infinite sc구현 * feat: dummy data 추가 * style: footer가 위쪽으로 이동하는 스타일 수정 메인 페이지에서 검색결과가 없거나 카드 데이타가 없을때 main에 최소 높이가 주어지지 않아, footer가 위로 올라오는 현상을 해결하였습니다. Co-authored-by: TaeYoon <uni613@naver.com> * fix: git 충돌 에러 해결 Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: TaeYoon <uni613@naver.com> * docs: frontend README 파일 생성 로컬 실행 방법 작성 Co-authored-by: Donggyu <a29661498@gmail.com> Co-authored-by: airman5573 <rpf5573@kakao.com> Co-authored-by: TaeYoon <uni613@naver.com> Co-authored-by: nan-noo <54002105+nan-noo@users.noreply.github.com> Co-authored-by: airman5573 <68623798+airman5573@users.noreply.github.com> Co-authored-by: SeungCheol Shin <47477359+sc0116@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
요약
메인 페이지에 무한 스크롤 기능을 추가했습니다.
세부사항
close #27