국회도서관 자료검색 서비스

django, vue cli 이용해서 개발한 국회도서관 자료 검색 화면 및 적용 기술 #18

유니네 라이브러리 2024. 8. 23. 11:29

지금까지 적용된 국회도서관 자료검색 화면과 적용된 기술에 대해 정리한다.

국회도서관 자료검색 흐름도 스케치는 어떻게?

 

국회도서관 자료 검색 vue.js 화면 스케치 #14

국회도서관 도서검색은 5개의 흐름으로 진행한다.검색어 입력검색어로 국회도서관 도서검색 API 호출도서검색된 결과 리스트 노출특정 도서 클릭클릭된 도서의 상세정보 노출5개의 흐름을 3개

yuneenelife.tistory.com

공공데이터 포털 API 사용은 어떻게?

 

공공데이터 포털 에서 원하는 서비스 API 신청하기 #4

공공데이터 포털에서 원하는 API를 검색한다.그러기 위해 먼저 아래 사이트로 접속하여 회원가입한다.☞ https://www.data.go.kr/ 공공데이터 포털국가에서 보유하고 있는 다양한 데이터를『공공데이

yuneenelife.tistory.com

API 서버 설치는 어떻게? 

 

API Server django python Framework 설치 #1

python framework 인 django를 이용해서 API Server를 구축한다.API는 공공데이터 포털에서 제공하는 국회 도서관 자료검색 서비스를 이용한다. 먼저 작업을 시작하기에 앞서 작업을 진행할 폴더를 생성

yuneenelife.tistory.com

#1 ~ #17 까지 작성된 완성 화면은 어떤 모습?

vue django api 서버 구성 화면

Back-End API 서버 작업 환경  python django framework 

  • 작업폴더명 : public_data
  • 가상환경명 : pubd_api
  • 프로젝트명 : pubdapi
  • OS : macOS sonoma v 14.5
  • 파이썬 버전 : 3.12.2
  • django 버전 : 5.0.6
  • swagger 적용

Front-End 작업 환경 vue cli 

  • 작업폴더명 : public_data/pubd_web
  • 프로젝트 명 : pubdweb
  • OS : macOS sonoma v 14.5
  • vue cli 버전 : 5.0.8
  • vue.js 버전 : 2.7.16
  • v-router 적용
  • vuetify 적용
  • axios 적용