💻가구 쇼핑몰 프로젝트- 구현 (자바 서버 + 파이썬 OpenCV)

지난 계획단계 스토리에 이어 구현을 하면서 사용했던 기술들을 중심으로 글을 써내려가보고자 한다.

[개발언어]
클라이언트: javascript
서버: java + spring 프레임워크
이미지처리: python

🤔 1. 자바와 파이썬 서버 간의 통신

이 기술을 사용한 이유?

개발을 진행할 때 컴퓨터비전을 수강하는 중이였고 OpenCV를 python을 사용해서 과제를 제출하면서 이에 익숙한 상황이기도 했고 오픈소스 대부분을 보면 c++이나 python으로 작성된게 많았다.
하지만 서버는 java언어로 개발 중이었기에 반드시 통신이 필요한 상황이었다.

방법을 찾기 가장 힘든 파트였다.
방법은 많지만 우리 프로젝트에서 제공하는 기능에 맞는 방법을 선택해야했기에, 가능한 모든(?) 방법들을 써보는 경험을 했다.

(1, 2번은 통신과 관련없는 내용이긴 하나, 도움이 될까 싶어 끄적여본다.)

1. java opencv - opencv가 지원하는 언어는 java, python, c++이 있다. 이 방법을 사용하면 통신이 필요없겠지만, 이미지처리 관련 코드들을 보면 대부분 c++ 또는 python으로 작성이 되어서 java로 내가 번역을 해야했다.
또한 python에는 제공하는 함수가 java에서도 무조건 있을거라는 보장도 되지 않을 것 같았고, 제공된다 하더라도 함수명에 (적지않은?)차이를 보인다.

2. cmd로 python 코드 실행 - 자바는 cmd를 실행할 수 있는 기능을 제공한다. cmd로 실행하려니 python이 기본적으로 지원하는 모듈만 사용이 가능해서(print 같은 함수) 불편했다.

3. jython - java + python. 통신이 필요없게되는 것에선 좋았지만 제공하는 모듈이 생각보다 제한적이었다.

4. WebSocketAPI - html5의 표준기술이며 TCP를 통해 클라이언트와 웹서버 사이의 양방향 통신을 지원한다. 나는 파이썬 서버와의 통신이 필요했어서 부합한 방법이 아니였다.

5. HttpURLConnection - 단뱡항 통신이며 stateless한 방식이다. 각각 한 번의 Client의 요청과 Server의 응답으로 이루어진다.

6. Socket - 양방향 통신이면서 stateful한 방식이다. 다행이도 java와 python 모두 socket을 지원한다. 스트리밍이나 실시간 채팅시 주로 사용하는 기술이다.

Socket 통신하는 방법을 선택 ❕
지금 생각해보니 굳이 socket 통신을 하지않고 Http 통신으로도 충분했을 것 같다.
당시에는 시간이 촉박해서 stateless, stateful에 상관없이 구현만되면...! 이런 생각으로 socket통신을 선택했는데,
다음 프로젝트에선 이런 것 까지 고려해서 통신을 해야겠다...!

😮 2. API 사용

기술? 이라고 봐도 되는지는 모르겠지만 API를 사용하면서 새롭게 알게 된 것들이나 발생한 문제에 대한 해결책을 얘기해보려한다.

2-1. 객체인식 API

우선 프로젝트에서 객체인식을 필요로 하는 기능이 있었다.

다행히 AI hub라는 플랫폼에서 관련 API를 제공해줬기 때문에 구현을 할 수 있었다.

보통 API를 사용할 때 어떤 식으로 요청해야 하는지 구현예제들을 사이트에서 친절하게 제공을 해주기 때문에 사용에 전혀 어려움을 느끼지 않아도 된다.
또한 API를 사용할 땐 고유의 Key를 발급받아 전송을 해야한다는 것을 꼭 기억하자!

AI hub 👉 AI 서비스 사용을 위한 API 뿐만 아니라 유용한 데이터들도 제공한다. 참고로 API는 AI SW카테고리에서 확인할 수 있다.

2-2. 도로명주소 API

위 API말고도 도로명 주소 API도 사용했다. 이 API는 참 쓸 데가 많은 것 같다. 회원가입할 때나, 상품 주문서 작성할 때 등등..

나 같은 경우 팝업으로 검색 API를 띄어줄 거 였기 때문에 부모와 자식창 간의 상호작용이 필요했다.
대충 흐름은 부모 창에서 자식 창(팝업 창)을 띄운 후 결과를 다시 부모 창에다가 반환하게 된다.

도로명 주소 👉 대표적으로 도로명주소 API, 영문주소 API, 좌표제공 API를 제공하고있다.

친절한 이 API 덕분에 굳이 우리의 DBMS에다 방대한 데이터를 넣을 필요가 없어졌다.

이 API를 사용할 때 구현방식에 따라 문제점이 발생할 수도 있는데, 해결해주면된다.
나는 CORS 이슈를 맞닥뜨렸다.
이는 현재 도메인이 다른 도메인 (ex. 팝업창)에서 데이터를 받아올 때 발생할 수 있다. 크롬에서 보안적인 이유로 이런 경우에 대비해 이러한 상황을 막도록 되어있다고 한다.

이를 해결하기 위해, 위와 같이 현재 윈도우(창)의 도메인을 생성할 자식 창의 도메인과 같도록 값을 같게 해주어서 같은 도메인인 척 하는 방법을 사용하면된다.
해결방법은 이 방법 말고도 많으니 해당 글을 참고하면 좋을 것 같다. 👉 CORS에 관해 자세히 설명되어있는 좋은 글