이미지 검색이 텍스트 검색 만큼 검색 의도, 사용자 목적에 맞는 정보를 제공한다면 어떨까?
- 이미지 검색은 다양한 포털에서 사용되지만 그 결과를 바탕으로 사용자가 원하는 '진짜 정보'를 얻을 수는 없다.
- 사용자가 원하는 진짜 정보를 얻기 위해서는 라벨링 결과를 통해 추가적인 검색 과정이 필요하다.
- 만약 대규모 포털이 아닌 소규모 포털에서 이미지 검색 기능을 제공한다면 검색 범위는 작더라도 사용자가 원하는 정보를 바로 출력해보일 수 있지 않을까?
- 이미지 라벨링을 위한 CNN 모델을 '음료'만 학습하여 음료 전문 쇼핑몰에 적재함으로서 검색 기능으로 사용할 수 있다.
- 검색의 결과물 또한 '음료'로 정해져 있기 때문에 음료에 대한 데이터만 준비되어있다면 한번의 검색으로 음료에 대한 데이터들을 찾아볼 수 있다.
- 구현한 서비스는 열량과 영양소 데이터를 기본으로 판매를 위한 가격 데이터까지 준비하였다.
✔️ 주요 기능
· 음료 및 가격 CRUD 기능
· 데이터 전달을 위한 REST API 구현
· OAuth 소셜 로그인 기능
· JWT 사용자 인증 기능
· REST API를 통한 Token, 인증 관리
· Tensorflow를 활용한 CNN모델 learning,구현
· Tensorflow.js로 변환 및 프론트엔드 적재
· CNN 모델을 이용한 라벨링 기능
· 라벨링 결과, 유저 상호작용을 통한 데이터 출력 기능
· PortOne API를 이용한 간편 결제(카카오페이) 기능
✔️ 프로젝트 산출물
🚨문제 배경
JWT를 바탕으로 사용자 정보를 출력하는 과정에서 문제 발생
그 원인은 페이지를 랜더링하는 GET요청에 인증정보가 실리지 않았기 때문이었습니다.
⭐️해결 방법
Spring Security에 대한 이해가 부족하다는 생각에 Security에 대해 더 자세히 공부했습니다.
하지만 실제로 인증 정보가 넘어오지 않는 이유는 Security가 아닌 페이지 랜더링과 데이터 응답의 순서가 뒤바뀐 것이 었습니다. 데이터 응답을 받은 뒤 페이지가 렌더링되어 페이지에는 응답 데이터가 포함되지 않은 것이었습니다.
기존의 Thymeleaf를 이용한 데이터 렌더링 방식이 아닌. 페이지 이동과 데이터 요청 Http 요청을 분리하여 페이지 로딩 이후 인증을 요구하는 POST 요청을 추가로 보내 JavaScript를 통해 데이터가 포함된 HTML태그를 랜더링을 수행하니 정상적으로 사용자 데이터가 출력되었습니다.
🤩해당 경험을 통해 알게된 점
Http 요청과 응답의 원리와 제가 놓친 부분에 대해 더 자세히 이해할 수 있었습니다.
API Controller를 설계할 때 순서에 대해 더 신중하게 고려하게 되었습니다.
Security 강의를 수강하며 CORS, XSRF 등 웹 서비스에서 일상적인 보안 규칙에 대해 배울 수 있었습니다.