Section Part Progress #120

bluetree7878 · 2025-01-24T01:54:27Z

📌 이슈 내용

백엔드 무한스크롤 API, /users/{id}/progress (유저의 전체 문제 풀이 현황 조회) API가 나와서 관련된 작업을 하려고 합니다.

구현 내용

무한스크롤 (로그인 / 비로그인 따라 요청이 다름)
유저의 전체 문제 풀이 현황 조회 (progress 적용)
Status 따라 파트 풀게 하기 (Locked인 경우 CSS 이미지 흑백 만들기 및 이벤트 제거)

🖥️관련 화면 (선택사항)

📝 참고 사항

현재 백엔드 무한스크롤 API 응답값이 계속 에러(Bad Request)가 뜨는 상황이라 상의를 해봐야 할 것 같습니다.

github-actions · 2025-01-24T01:54:39Z

git fetch origin
git switch feature/#120/Section_Part_Progress

… 스크롤 구현

…lPageParam 처리방식 개선

PartItem 컴포넌트로 추출하여 map 내부 훅 호출 경고(React Hook 규칙) 해결 무한 스크롤 로직은 PartNavContainer에서 관리 폴더 구조 정리: quiz -> learn 으로 이동하여 도메인 일관성 확보

- PartNavContainer에 LoadingSpinner 컴포넌트 추가 - useInView의 threshold 값을 0으로 조정하여 스크롤 감지 개선(요소가 1픽셀이라도 보이면 true)

…coko-Front into feature/#120/Section_Part_Progress

…> me로 직접 명명

…ctionId nullish 병합연산자 사용

bluetree7878 added ✨ Feature 기능 개발 📬 API 서버 API 통신 labels Jan 24, 2025

bluetree7878 self-assigned this Jan 24, 2025

bluetree7878 added a commit that referenced this issue Jan 24, 2025

✨ Feature(#120): part status가 Locked일 때 KeyboardButton 이벤트 비활성화 및 스타일 변경

211c048

bluetree7878 added a commit that referenced this issue Jan 24, 2025

📬 API(#120): useInfiniteQuery 및 useInView를 활용해 section과 관련 part 조회 무한…

3769c05

… 스크롤 구현

bluetree7878 added a commit that referenced this issue Jan 24, 2025

📬 API(#120): getSectionsByPage 함수 pageSize 매개변수 추가 및 getByPage initia…

6e563d0

…lPageParam 처리방식 개선

bluetree7878 added a commit that referenced this issue Jan 24, 2025

🔨 Refactor(#120): useEffect 불필요한 의존성 및 isLastButton useMemo 제거

b99342d

bluetree7878 added a commit that referenced this issue Jan 26, 2025

🔨 Refactor(#120): 주석 추가

f712ee0

bluetree7878 added a commit that referenced this issue Jan 26, 2025

📝 Modify(#120): 중복 popover 상태 업데이트 제거 및 렌더링 성능 개선

7722dde

bluetree7878 added a commit that referenced this issue Jan 27, 2025

Merge branch 'develop' of https://github.com/modern-agile-team/8term-…

0907ded

…coko-Front into feature/#120/Section_Part_Progress

bluetree7878 added a commit that referenced this issue Jan 27, 2025

📬 API(#120): /users/me/progress API, 관련 쿼리 생성 및 API userKeys detail -…

006eced

…> me로 직접 명명

bluetree7878 added a commit that referenced this issue Jan 27, 2025

✨ Feature(#120): KeyBoardButton 클릭 시 해당 파트와 유저 사이의 진행도 요청

0dbc168

bluetree7878 added a commit that referenced this issue Jan 28, 2025

🔨 Refactor(#120): 주석 수정

43cec0c

bluetree7878 added a commit that referenced this issue Jan 29, 2025

✨ Feature(#120): 로그인/비로그인 섹션 페이지네이션 쿼리 추가

3d4741a

bluetree7878 added a commit that referenced this issue Jan 29, 2025

✨ Feature(#120): 로그인 상태에 따른 섹션 쿼리 동적 선택

990cdf7

bluetree7878 added a commit that referenced this issue Jan 29, 2025

🔨 Refactor(#120): 섹션 쿼리 훅 네이밍 및 구조 개선

ea59287

bluetree7878 added a commit that referenced this issue Jan 31, 2025

🐞 BugFix(#120): Develop pull merge 충돌 해결

9127a50

bluetree7878 added a commit that referenced this issue Jan 31, 2025

✨ Feature(#120): 로그인 상태에 따라 users/me/progress 요청 결정

69a9cc1

bluetree7878 added a commit that referenced this issue Jan 31, 2025

🎨 Publish(#120): 로그인 상태에 따른 ScrollableContainer margin-top 조정

e70f63c

bluetree7878 added a commit that referenced this issue Feb 1, 2025

✨ Feature(#120): 파트 팝오버 열림/닫힘에 따른 진행도 상태 관리

453cc52

bluetree7878 added a commit that referenced this issue Feb 2, 2025

✨ Feature(#120): progress 전체 진행률, 파트 진행률 UI/UX 개선

302135b

bluetree7878 added a commit that referenced this issue Feb 2, 2025

🎨 Publish(#120): 진행도 레이블 및 위치 미세 조정

0af4518

bluetree7878 added a commit that referenced this issue Feb 2, 2025

🐞 BugFix(#120): Develop pull merge 충돌 해결

ab8cfcf

bluetree7878 linked a pull request Feb 2, 2025 that will close this issue

Section 무한스크롤 구현 및 User 문제 풀이 현황 조회 #126

Open

5 tasks

bluetree7878 added a commit that referenced this issue Feb 2, 2025

🔨 Refactor(#120): userPaginated 쿼리 키 재구성 및 selectedPartId, selectedSe…

4b70c9d

…ctionId nullish 병합연산자 사용

bluetree7878 added a commit that referenced this issue Feb 2, 2025

🔨 Refactor(#120): Learn 컴포넌트 HOC 패턴 사용하여 데이터 분리

fec7b97

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Section Part Progress #120

Section Part Progress #120

bluetree7878 commented Jan 24, 2025 •

edited

Loading

github-actions bot commented Jan 24, 2025

Section Part Progress #120

Section Part Progress #120

Comments

bluetree7878 commented Jan 24, 2025 • edited Loading

📌 이슈 내용

구현 내용

🖥️관련 화면 (선택사항)

📝 참고 사항

github-actions bot commented Jan 24, 2025

bluetree7878 commented Jan 24, 2025 •

edited

Loading