본문 바로가기
국회도서관 자료검색 서비스

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

by 유니네 라이브러리 2024. 8. 23.

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

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

https://yuneenelife.tistory.com/entry/국회도서관-자료-검색-vuejs-화면-스케치-14

 

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

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

yuneenelife.tistory.com

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

https://yuneenelife.tistory.com/entry/공공데이터-포털-에서-원하는-서비스-API-신청하기-4

 

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

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

yuneenelife.tistory.com

API 서버 설치는 어떻게? 

https://yuneenelife.tistory.com/entry/API-Server-django-python-Framework-설치-1

 

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 적용