https://github.com/tyange/to-be-published
출간예정도서 검색기
https://github.com/tyange/to-be-published
pinia typescript vercel vue3
Last synced: 5 months ago
JSON representation
출간예정도서 검색기
- Host: GitHub
- URL: https://github.com/tyange/to-be-published
- Owner: tyange
- Created: 2022-07-02T02:53:36.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-20T13:52:29.000Z (about 2 years ago)
- Last Synced: 2024-04-20T15:01:09.012Z (about 2 years ago)
- Topics: pinia, typescript, vercel, vue3
- Language: Vue
- Homepage: https://to-be-published.vercel.app/
- Size: 574 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# to-be-published
한국의 국립중앙도서관에서 제공하는 [서지정보 Open API](https://www.nl.go.kr/NL/contents/N31101030500.do)를 이용해서 출간예정도서 검색할 수 있는 웹 앱.
with Vue3, Typescript, Pinia, Tanstack-Query, Vercel
## 배포
[https://to-be-published.vercel.app/](https://to-be-published.vercel.app/)
## 업데이트 기록
* 2024-01-13
* Vue 3.4 적용.
* Vite 버전 2에서 버전 5로 migration.
* 기존에 form을 입력해서 검색하던 방식에서 출판사별로 버튼을 클릭해 검색하는 방식으로 변경.
* 모든 출판사가 미납본 도서를 미리 등록하지 않음.
* 일반적인 사용자는 출간 예정 도서가 등록되는 출판사를 미리 알기 어려움. 그로 인해 아무리 검색해도 출간 예정 도서 자체가 검색되지 않는 상황이 빈번할 것으로 예상되었음.
* 출간 예정 도서를 꾸준히 등록하는 것으로 인지할 수 있는 출판사(주로 문학 전문 출판사임) 9개를 선정하여 버튼으로 만들고 grid 형태로 표현.
* 불필요한 form을 제거.
* 출간 예정 도서를 등록하고 있는 출판사를 찾아내서 좀 더 등록할 예정.
* store에서 데이터를 fetching 하고 받은 응답 받은 데이터를 전역으로 사용하고 있었음.
* 이를 개선하기 위해, Tanstack-Query를 도입. data-fetching과 로딩 및 에러 핸들링과 관련된 코드를 상당히 줄였음.
* 전역 상태로는 API에 전달할 parameters만 관리.
* API와 관련된 코드 및 type 정의와 관련된 코드를 파일로 분리.
* anime.js 패키지를 사용해서 staggered 효과를 추가.
* page transition 효과를 추가.
* 반응형 스타일링 조정.