Notice
Recent Posts
Recent Comments
Link
살다
QRcode 쉽게 생성 하기 본문
최근 스마트폰이 대세를 타면서 더불어 인기를끌고 있는것이있다.
바로 QRcode ~ 스마트폰 사용자라면 한번쯤은 신기하게 사용했었을것이다.
웹사이트나 물건등에 부착되어있는 QRcode 를 스마트폰으로 촬영하면 상품가격정보 혹은 사이트 주소가 나오는 마치 바코드 같은 방식의 하지만 모양은 많이 다른~ 코드.
여러가지 생성 방법들이 존재하지만, 구글 chart api 를 이용한 이미지 링크만으로도 단순하게 만들어낼수있다.( 무슨소린지 몰라도 그냥 아래 예제를 보면 바로 이해하게 될것이다.)
이미지소스 : <img src="http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120" />
이미지 링크결과 :
눈치가 빠르다거나 프로그램을 살짝이라도 봤었다면 위의 경로만으로도 이해했을것이다.
http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120
이 주소만으로도 QRcode 를 생성하고 업로드하고 호스팅받는 상태로이미지 링크걸고 하는 모든 귀찮은 일들이 한방에 해결된다.
그 주소 내용을 자세히 풀어보면,
http://chart.apis.google.com/chart?
이 부분은 구글의 chart api 경로다 그냥 무조건 똑같이 써준다.
그리고 나서 보이는 물음표 (?) 뒤의 내용들이 중요하다.
cht=qr&chl=http://skyand96.com&chs=120x120
이런부분을 쿼리스트링이라고 하는데 이러한 주소에 붙는 쿼리스트링들은 일련의 규칙이 있다.
변수=값&변수=값&변수=값&변수=값
머대략 이런건데 변수란말은 대충 넘기고, 우리가 필요한 QRcode 를 표한하는 속성 이라고 이해하면 된다.
즉, 속성=값&속성=값&속성=값&속성=값 이정도로 이해하면 되겠다.
cht=qr 이부분은 qr코드를 추출한다는 소리며, 기본이니 그냥 그대로 사용하자.
chl=http://skyand96.com 이부분은 보이는거처럼 QRcode로 추출할 홈페이지주소(혹은 원하는글자/숫자) 가되겠다.
즉 , chl=원하는글자
요런식으로 변경하자.
chs=120x120
예상한대로 이부분은 QRcode 의 사이즈를 의미한다. 가로x세로 크기를 넣어주면된다.
각각의 속성과 값은 & 로 붙여서 연결해서 주소를 완성해주면 된다.
http://chart.apis.google.com/chart?cht=qr&chl=원하는주소&chs=240x240
더 상세한 내용은 아래 표는 해당 api의 속성 을 참고하자.
이외에도 많은 차트 형식의 api를 제공하고 있다 (하단 구글 api chart 링크 참조)
Parameter | Required or Optional | Description |
---|---|---|
cht=qr |
Required | Specifies a QR code. |
chs=<width>x<height> |
Required | Image size. |
chl=<data> |
Required | The data to encode. Data can be digits (0-9), alphanumeric characters, binary bytes of data, or Kanji. You cannot mix data types within a QR code. The data must be UTF-8 URL-encoded. Note that URLs have a 2K maximum length, so if you want to encode more than 2K bytes (minus the other URL characters), you will have to send your data using POST. |
chd |
NOT USED | QR codes are unusual in that the chd parameter is ignored. Don't include it in your URL. |
choe=<output_encoding> |
Optional | How to encode the data in the chart. Here are the available values:
|
chld=<error_correction_level>|<margin> |
Optional |
|
참조 : http://code.google.com/intl/ko-KR/apis/chart/docs/gallery/chart_gall.html
반응형
'Tip' 카테고리의 다른 글
윈도우7 네트워크 프린터 간단하게 설정하기 (1) | 2010.11.19 |
---|---|
windows7 hosts 읽기전용 파일 수정 방법 (0) | 2010.11.19 |
모바일웹을 위한 아이폰/아이패드/아이팟 터치 Tip (0) | 2010.10.19 |