개인 프로젝트/Danmuji045 Jotai 적용 (Knowledge Section) 최종 수정: 2025.07.121. Knowledge SectionAtom정의사용 컴포넌트주요 기능searchFilterAtom검색 및 필터 상태 관리KeywordSelectorFilterFilterModalLectureSectionURL 파라미터와 자동 동기화브라우저 히스토리 지원개별 필터 토글 기능전체 필터 초기화활성화된 필터 감지enrollmentAtom수강 상태 관리EnrollBarLectureContent수강신청/취소/완료 처리마지막 시청 위치 저장낙관적 업데이트에러 시 자동 롤백수강 통계 제공progressAtom강의 진도 관리LectureWatchPageLectrueCurriculum아이템별 완료 상태 추적진도율 자동 계산다음 시청할 아이템 추천전체 학습 통계강의 진도 초기화(재수강용)lec.. 2025. 7. 11. 프로젝트 기획 최종 수정: 2025.07.11단무지(斷-無知): 무지를 끊다.danmuji04.vercel.app 10여년 간 여러 독서 모임과 인문학 중심의 스터디 모임을 운영해왔다.모임들을 진행하면서 반복되는 문제가 있었다. 1. 어디부터 공부하면 좋을지 쉽게 선택하지 못한다. 가이드라인을 원한다.2. 공부한 것을 체계적으로 기록하지 못한다.3. 기록한 것을 분실한다.4. 공부 흐름이 끊겨 처음부터 다시 공부한다. 그래서 이를 해결하기 위해, 학습 플랫폼을 만들었다.1. 특정 키워드 중심으로 좋은 유튜브 영상들을 모아 코스를 만들었다.2. 코스를 수료하면 수료증이 나오고, 자신이 정리한 내용들을 확인할 수 있다.3. 이로 인해, 기록을 분실하거나 처음부터 다시 공부하는 문제를 해결할 수 있다.Q. 블로그와의 차이점.. 2025. 7. 11. Jotai 적용 (Course, Community Section) 최종 수정: 2025.07.111. Course SectionCourse Progress여러 컴포넌트에서 동시에 사용학습 완료 시 실시간 업데이트가 필요현재 각 컴포넌트에서 개별적으로 API를 호출하여 중복 요청이 발생 Writing Completion글쓰기 완료 시 진행률 표시가 즉시 업데이트 되어야 함WritingSection에서 글 저장 후 CourseProgressSumamry에 반영 필요 최종 데이터 흐름┌─────────────────────────────────────────────────────────────────┐│ Jotai Store ││ courseProgressAtom (메모리) .. 2025. 6. 11. 성능 개선 - 게시글 상세 페이지 LCP 개선 요약: LCP 5.04 -> 2.27~3.29 개선방법1) 컴포넌트 분할2) preload와 prefetch 적용 (이미지 있을 때)3) 렌더링 순서 조정 (모든 데이터를 동시에 -> 게시글 먼저 UI 즉시 업데이트)게시글 상세 페이지에서 LCP가 5.04~5.74가 나왔다.해당하는 부분은 이곳이다.{/* 게시글 본문 */} {user && user.id === post.author_id && ( 수정 삭제 )} {renderPostContent(post.content)} 컴포넌트를 분할하니 4.13~4.48 정도로 감소했다.그럼에도 좋은 수치는 아니다. 코드를 살펴보면 renderContent가 문제인 것인데, Image 컴포넌트를 사용해도 .. 2025. 6. 7. Supabase SQL 보관 최종 수정 : 25.02.10 클로디에 의존하여 개발을 진행했는데, 테이블이 많이 엉켰었다. 섹션마다 서로 데이터가 호환되지 않아 생긴 이유였고, 무엇보다 내가 고민하지 않고 문제를 해결하고 넘어가기만 해서 발생했던 참사였다. 그래서 프로젝트에 사용된 테이블과 함수, 정책들을 다 삭제하고 처음부터 다시 만들고 있다. # 회원가입을 위한 profiles 테이블1. profiles 테이블 생성create table public.profiles ( id uuid references auth.users on delete cascade primary key, name text, nickname text unique, email text, avatar_url text, interests text[], .. 2025. 2. 10. 이전 1 다음
