안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[데모] 촬영 기반 당류·나트륨 환산 뷰어 — 바코드 인식·공공데이터 조인·각설탕 시각화
개발
스크래핑ㆍAPI, 퍼블리싱ㆍ반응형, 기타(웹사이트 구축)
프로젝트 배경
제품 뒤 영양성분표의 '당류 32.5g'은 읽어도 감이 오지 않습니다. 각설탕 8개라고 하면 달라집니다. 이 데모는 그 환산을 휴대폰 브라우저에서 즉시 보여 주는 것을 목표로 만들었습니다. 만들면서 두 가지가 실제 난관으로 드러났습니다. 첫째, 바코드와 영양성분을 한 곳에서 주는 공개 데이터가 흔치 않아 서로 다른 데이터셋을 품목보고번호로 이어야 한다는 것. 둘째, 같은 제품이라도 영양성분 표기 기
프로젝트 성과
바코드 디코딩 9ms
네이티브 바코드 API가 없는 환경에서 내장 스캔라인 디코더로 측정한 값. 라이브 배포본 기준입니다.
데이터셋 조인 성공률 75%
시드 16건 중 12건 조인 성공, 4건은 1회 제공량 결측. 결측을 감추지 않고 화면에 그대로 드러냅니다.
어서션 50건 전건 통과
환산 엔진 불변식 25건과 렌더 경로 25건. 환산 계수를 바꾸면 전 화면이 함께 움직이는지까지 겁니다.
3폭 가로 오버플로 0
360·768·1280 세 폭에서 5화면 전건. 44px 미만 터치 타깃도 0건입니다.
핵심 기능
출처 리본
각설탕 개수 아래에 그 값이 어느 데이터셋을 거쳐 나왔는지 한 줄로 남습니다. 조인이 끊기면 어느 필드가 비었는지가 같은 줄에 나옵니다.
진행 단계
요구 분해
2026.07.
공고 요구 20건을 커버리지 표로 나누고 데모가 받을 것과 제안서가 받을 것을 갈랐습니다.
프로젝트 상세
자체 기획·개발한 데모입니다. 클라이언트 수주·납품 실적이 아닙니다. 가공식품 바코드를 휴대폰 브라우저로 촬영하면 당류를 각설탕 개수로, 나트륨을 소금 g으로 환산해 보여 주는 모바일 웹입니다. 앱 설치 없이 브라우저에서 동작합니다. 이 데모가 실제로 푸는 문제는 두 가지입니다. 첫째, "공공데이터를 쓴다"는 말이 실제로는 데이터셋 조인 설계라는 것입니다. 바코드와 영양성분을 한 곳에서 함

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

su******
개발 · 개인사업자

프로젝트 정보

참여 기간
2026.07. ~ 2026.07.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
역할
기획·설계·개발 전담
관련 기술
JavaScript
CSS
HTML
Node.js