[10분 테코톡] 우아한테크코스 루피의 도서관리시스템

테크코스 도서관리 시스템

와이어프레임

전략 수립
- 장소조회 , 검색 기능을 빠르게 구현 , 배포
=> 시장 선정, 진입 장벽 구축

- UI,UX에 익숙해진 사용자들에게 추가 가능 구현 및 배포 
=> 시장 지배


뭘로 만들지??
앱 -> 깔기 귀찮아 .. 불편하게 할 수 없다 -> ios , 안드로이드 따로 만들어야하고...사용자도 불편해하고...

그래서 웹 으로 결정
그럼 뷰로 만들어야지~ 했는데 이미 만들어져 있는 QR reader가 있었음

fonrt -> Vue.js
back -> node.js


기본 구조 
유저 페이지            <ㅡ> 
 서버(REST API)    <ㅡ>       N사 검색 API
관리자 페이지         <ㅡ> 

입력하면 N사 검색 api를 통해서 작동하게


사용해본 AWS
- EC2 인스턴스
- S3
- Cloudfront

유저 페이지
S3에 정적파일들 <ㅡ> EC2 서버(REST API)
http 에서는 보안 문제 때문에 QR 리더가안됨 ... 권한수집이 안돼서

그래서 Cloudfront를 사용
https로 접속하게 해준다.
도메인도 없어도 된다
무료였다.
- 빨리 배포하고 전송성능이 뛰어나다..


S3<ㅡ>Cloudfront(https를 위해) <ㅡ> 서버(Rest API)

안됨 ..

CROS ( Cross Origin Resource Sharing)
Cross - Site Http Request 를 가능하게 하는 표준 규약
- 보안상의 이유로 동일한 도메인으로만 요청을 보내도록 함
- 도메인이 같아야.. 정보 교환이 가능 ..

요청(Requset) 을 보낼 때 Access - Control - Allow - Origin  , 다른 도메인에 요청하기 위해 
Request 에서 GET 요청을 보낼 때 query param를 같이 보내면 응답이 안됨.. 그래서 
GET 요청을 POST로 바꿨더니 작동이 잘 됨

현재 기능은 조회 / 검색 두개
추가 예정 기능은
PWA 적용
버튼 눌러서 대여 반납

QR코드 대여반납
대출중인 도서 예약
예약 도서가 반납 되었을 때 알림



무엇을 더 할건가
- 서버를 Java Spring으로 다시 만들기
- Java Spring으로 연결된 Kotlin으로 바꿔서 만들기

 

 

자료 : https://www.youtube.com/watch?v=PCXlgnYekBg