doputer / knoticle Goto Github PK
View Code? Open in Web Editor NEWThis project forked from boostcampwm-2022/web01-knoticle
모두의 글을 엮어 만드는 나만의 책, 노티클 📒
Home Page: https://www.knoticle.app
knoticle's People
Stargazers
Forkers
jihu96knoticle's Issues
홈 페이지 개선
할 일
- 페이지 레이아웃 적용
- Slider 컴포넌트 개선
- Book 컴포넌트 개선
서재 페이지 개선
할 일
- 페이지 레이아웃 적용
- 페이지 스타일 개선
- 프로필 컴포넌트 개선
- 프로필 수정 모달 추가
- 탭 컴포넌트 개선
- 프로필 컴포넌트 개선
- React Query 적용
TOC 개선
할 일
- TOC 컴포넌트 개선
- Sidebar 컴포넌트 내부 TOC를 컴포넌트로 분리
- Heading의 별로 구분하기 쉽도록 스타일 개선
- 데스크톱 환경에서는 Sidebar 외부에 TOC가 위치하도록 개선
스크랩 관련 컴포넌트 개선
할 일
- ScrapModal 컴포넌트 분리
- BookModal 컴포넌트 (책 선택)
- ScrapModal 컴포넌트 (스크랩 관리)
- ScrapModal 드래그 앤 드롭 개선
- framer-motion 적용
회원가입, 로그인, 로그아웃 개선
할 일
- 회원가입 모달 개선
- 비밀번호 확인 추가
- useUser 훅 추가
- React Query 적용
- 회원가입, 로그인, 로그아웃 상태 관리
ConfirmModal 컴포넌트 추가
할 일
- Confirm 모달 추가
- 기존 window.confirm을 생성한 Confirm 모달로 변경
SVG 아이콘 개선
할 일
- SVG 아이콘
@svgr/webpack적용 - 기존 SVG 아이콘 파일 Google Icons로 교체
- 불필요한 SVG 아이콘 파일 정리
모달 개선
할 일
- 스타일 개선
- 모바일 화면에서 모달이 화면 전체를 차지하도록 수정
- 모달이 열렸을 때 모달 외에 스크롤을 할 수 없도록 개선
- 상태 개선
- 모달 Hook을 통해 열리고, 닫힌 상태를 Recoil 상태로 관리하도록 개선
- 모달 내부 컴포넌트 개선
북마크 개선
할 일
- React Query 적용
- Optimistic Update 적용
- 다른 사용자의 북마크를 제거하는 오류 수정
글 페이지 React Query 적용 및 SSR 적용
할 일
- 글 페이지 React Query 적용
- 글 페이지 SSR 적용
- 기존에는 Book 관련 데이터 패칭으로 인해 블로킹이 발생했던 부분 수정
- Book, Article API 수정
글 페이지 개선
할 일
- Sidebar 컴포넌트 개선
- Content 컴포넌트 개선
- 글의 너비를 지정해서 사용자가 콘텐츠에 집중할 수 있도록 개선
GNB 개선
할 일
- Next.js Layout을 활용해서 GNB 적용
- 스타일 개선
- 동작 개선
- 스크롤을 내렸을 때 자연스럽게 사라지도록 변경
홈 페이지 React Query 적용
할 일
- 홈 페이지 React Query 적용
글 페이지 사이드 바 개선
할 일
- 스타일 개선
- TOC 링크가 너비를 초과할 때 잘리는 스타일 개선
- 글 콘텐츠에 #(hash)가 포함되어 있는 경우 TOC에서 오류가 발생하는 현상 수정
GNB 컴포넌트 기능 및 스타일 수정
할 일
- GNB 컴포넌트 검색, 글쓰기 아이콘 수정
- 로그인 시 프로필 이미지 표시
- 로그인 시 프로필 이미지 클릭 시 드롭다운 표시
- 내 서재 이동 버튼
- 로그아웃 버튼
글 쓰기 페이지 개선
할 일
- 글 생성 및 수정 플로우 변경
- articleState와 articleBufferState 전역 상태가 복잡하게 사용되는 상황 개선
- React Query 적용
Article 삭제 및 Scrap 삭제 API 개선
할 일
- Article 삭제 API 개선
- Scrap 삭제 API 개선
클라이언트 라우팅 주소 변경
할 일
- 글 페이지 - /@{nickname}/{book title}/{article title}
- 서재 페이지 - /@{nickname}
- 글 생성 페이지 - /write
공통 스타일 개선
할 일
- 공통 스타일 styled-components theme 적용
- 반응형
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.