바코드 스캐너 어플 관련 공부(ex. zxing...)

[ella-stin]

안녕하세요!  옷가게를 하나 운영하는데 상품들이 어디에 위치해있는지를 각 상품의 바코드를 통해 빠르게 찾을 수 있는 웹 혹은 앱을 만들고 싶습니다.

예를 들어, 상품마다 고유의 바코드를 스캔 후에 각각의 상품마다 A-3, B-7 이렇게 위치가 바로 뜨면 재고가 어느 위치에 있는지 쉽게 알 수 있도록 하고싶습니다.

재고의 위치는 엑셀이나 구글 시트(?)에 입력된 값을 불러오게 하고 싶어용.. 여기까지가 구현하고 싶은 기능들입니다!

현재 상황은 HTML과 CSS를 공부하여 사용자 UI적인 요소는 갖추었는데

자바스크립트를 공부하고 있지만 바코드 스캐너의 기능을 어떻게 넣어야하는지 도저히 모르겠네요ㅠㅠ

생활코딩에서 배운 검색법으로 바코드 스캐너의 대표적인 Zxing 라이브러리를 사용하면 된다는 것까지는 알아냈는데 그후에 어떻게 진행해야 될지를 도통 모르겠습니다..

zxing 말고도 quagga 라이브러리도 참고해보고 설치방법에 npm install @@@ 이 부분을 또 몰라서 Node.js도 얕게나마 공부해보았는데 해결책이 안나옵니다.. 뭔가 바닐라 자바스크립트로는 기능구현이 어려운것 같기도 하고.. 그럼 앱제작을 공부해보는게 나을까요? 아님 자바스크립트를 계속 더 깊게 공부하는게 맞을까요?

결과물을 빨리 만들고 싶어서 너무 얕게 여러가지를 공부해서 그런지 다시 리셋하고 차근차근 공부해보려 하는데

무엇을 어떻게 공부해야할지 모르겠어서 질문을 남깁니다ㅜㅜ

비슷한 기능을 구현해보셨거나 프로젝트를 해보신 분이 계실까요ㅠㅠ 부탁드립니당!!



[fermat39]

안녕하세요!

모바일 앱으로 구현할지 모바일 웹으로 구현할지 어떻게 표현할지 구체적으로 정하고 방향을 잡으시면 좋을 것 같습니다.

모바일에서 사진을 찍은 후 서버에 전송하는 방법도 있을 것이고 모바일에서 처리 후 해당 정보만 서버에 보낼 수도 있고,

하시고 싶은 방향을 잘 잡으면 의외로 쉽게 풀리지 않을까 합니다. ^^ 같이 고민해보시지요....

[ella-stin]

아직 앱을 만들기엔 공부가 부족하니 모바일 웹이 더 접근하기 좋을것같아요^!^ 모바일에서 사진을 찍은 후 서버에 전송하는 방법과 해당 정보만 서버로 보내는 방법은 어떤 부분 공부가 필요할까요?!?

[visiodeibc]

안녕하세요! 첨언을 드리자면 클라이턴트(웹,앱) 코드에서 바코드 정보를 해소할 수 있다면 클라이언트에서 해당 정보만 서버에 보내는게 더 빠르고 효율적일거 같네요! 사진을 보내려면 용량이 커지니깐요!

추가적으로 해당 기능을 위해서 독립적인 서버 구성도 가능은 하나 서버리스로 원하는 기능만 올려서 받으셔도 되거 같기는 해요! 개인적으로는 firebase function을 사용해 보았는데 간단한 함수를 올려서 돌리는데 괜찮고 fireabse firestore과 같은 디비랑 연동도 용이하니 함 보셔도 좋을거 같아요!

개발을 함과 점점 필요한 부분을 좀더 구체적으로 적어나가고 그림을 그려 큰 프로세스를 가시화 하는게 도움이 되지 않을까 해요~! 응원합니다!

[progh2]

아래 링크가 도움이 될 것 같습니다.

https://www.clien.net/service/board/cm_app/6801364