qr 관련 

    
 
qr file

https://www.orionreed.com/posts/qrtp/


https://divan.dev/posts/fountaincodes/

댓글

댓글 쓰기

이 블로그의 인기 게시물

vue

vue create vue3-project이름 vscode에 vetur 를 설치함 index.html있고 src에 main.js가 시작 포인트 템플릿 npm run serve로 시작 앱.뷰 단위 파일에 template script style이렇게 들어가 있다 컴포넌트 ==== .vue를 쓰면 그게 뷰 컴포넌트 세가지로 구정 template script style composition api는 스크립트 안에 export default { setup(){ 변수 선언이 가능해지는데 이걸로 템플릿안에서 사용 가능 → 변수인가? {{ name }} 이런식으로 사용가능 함수는 {{ hello() }} 이런식으로 사용가능 return 에 setup함수의 변수나 } } 이런식 vue2 → vue3로 바뀌면서 바뀐거 vue2에서는 템플릿 안에 하나의 태그(루트) 안에 모든 요소들이 있어야 했었는데 이제는 그럴 필요 없음 이벤트는 템플릿의 태그 속성으로 바로 들어감 이런식으로 v-on:click ="함수이름괄호없이" 변수는 스테이트가 아니라서 바뀌어도 템플릿 반영 안됨 그러니까 ref를 사용해 줘야한다 import ref from vue...대충 한다음에 ref()이렇게 해줘야한다. → value를 꼭적어줘야하고 reactive도 있음 → value 적을 필요 없고 기본자료형과 object array만 사용가능 뭔차이지.. 단방향 바인딩 데이터 바인딩-데이터를 인풋이랑 연결하는거? 인데(유저 인풋을 받아가는건 아니고..) 태그의 속성들을 변경할 수 있게 한다 아무튼 이건 어떻게 하냐면 <input type="text" v-bind:value="name"> 인풋의 value값을 name 변수랑 동기화 되게 한다.. v-bind:value="name"> 줄여서 :value="name"> 이렇게도 사용가능 v-on:click ="함수이름괄호없이" 이거도 줄...
Read more »

Capacitor 웹 기반 애플리케이션을 네이티브 앱으로 감싸고, 네이티브 기능에 접근할 수 있게 해주는 프레임워크

  Capacitor는 웹 네이티브 앱을 빌드하기 위한 오픈 소스 네이티브 런타임입니다. JavaScript, HTML, CSS로 크로스 플랫폼 iOS, Android, Progressive Web Apps를 만드세요. https://capacitorjs.com/ 🚀 **Capacitor란?** ------------------ **Capacitor**는 **웹 기반 애플리케이션을 네이티브 앱으로 감싸고, 네이티브 기능(GPS, 블루투스, 푸시 알림 등)에 접근할 수 있게 해주는 프레임워크**야.\ 📌 **Ionic 팀에서 개발한 오픈소스 프로젝트**로, **Cordova보다 현대적인 웹-네이티브 브릿지** 역할을 수행해. ### ✅ **Capacitor의 핵심 특징** 1.  **웹을 그대로 네이티브 앱(Android, iOS)으로 변환 가능** 2.  **네이티브 기능 (GPS, 카메라, 푸시 알림, 파일 시스템 등) 쉽게 연동 가능** 3.  **PWA, 웹, 네이티브 앱을 하나의 코드베이스에서 운영 가능** 4.  **Cordova보다 현대적이고, 최신 웹 기술과 잘 호환됨** 5.  **React, Vue, Angular, Svelte 같은 프레임워크와도 호환됨** * * * * * ✅ **Capacitor 사용 방법** --------------------- ### 📌 1️⃣ **설치 및 프로젝트 설정** 먼저, Capacitor를 설치해야 해. ``` npm install @capacitor/core @capacitor/cli ``` 📌 **웹 프로젝트를 Capacitor 기반으로 초기화** ``` npx cap init "MyApp" "com.example.myapp" ``` 이제 Capacitor가 `capacitor.config.ts` 또는 `capacitor.config.json` 파일을 생성하면서 앱을 설정함. * * * * * ### 📌 2️⃣ **네이티브 플랫폼 추가** Ca...
Read more »

Data Matrix Code vs QR 다이소는 Data Matrix Code 사용

 https://www.etnews.com/20240329000136 요약: 다이소 제품의 바코드는 **‘데이터 매트릭스 코드(Data Matrix Code)’**로, 우리가 흔히 보는 QR코드와 다른 2차원 바코드 입니다. 🧩 바코드 종류 1차원 바코드 : 가로 방향으로만 정보 저장, 약 20자 내외. 2차원 바코드 : 가로·세로 모두에 정보 저장 가능, 오류 복원 기능 존재. 대표 예시: QR코드 , 데이터 매트릭스 코드 . 🔍 QR코드 vs 데이터 매트릭스 코드 구분 QR코드 데이터 매트릭스 코드 개발 1994년 덴소웨이브(일본) 1989년 International Data Matrix(미국) 형태 세 모서리에 큰 사각형 파인더 패턴 L자 형태의 단색 테두리 파인더 패턴 정보량 최대 숫자 7089자 / 영문 4296자 최대 숫자 3116자 / 영문 2355자 크기 최소 21x21 셀 최소 10x10 셀 특징 빠른 스캔, 많은 정보량 작고 고밀도, 초소형 제품에 적합 🧾 다이소가 데이터 매트릭스를 쓰는 이유 공간 효율성 : QR보다 작은 크기로도 인식 가능해, 소형 제품 부착에 유리 . 의약품 규격 부합 : GS1 국제 표준에서 의약품용으로 공식 승인된 유일한 2D 코드 . 소형 전자제품·화장품 등 작은 제품에 적합. 📱 QR코드가 더 흔한 이유 스캔 속도 빠르고 정확함. 저장 가능한 정보량과 문자 종류가 더 다양. 따라서 일반 소비자용 제품 에는 QR코드가 더 많이 쓰이고, 산업용·소형 제품 에는 데이터 매트릭스 코드가 주로 사용됨. 👉 요약하자면, 다이소는 작은 제품에도 인식 가능한 고밀도·소형 바코드인 데이터 매트릭스 코드 를 사용하고 있으며, 이는 공간 절약 과 의약품 등 특정 표준 준수 를 위한 선택이다.
Read more »