![](https://i2.wp.com/epix.kr/wp-content/uploads/2024/04/Group-69-1024x1024.png)
오늘은 QR코드를 기반으로한 티켓을 발권해주는 웹페이지를 만들어 보았습니다. 나날이 여러 기술들이 진보하면서 QR코드도 더 예뻐지고 개인화가 가능해지는데다가 더 나아가서 그냥 AI가 이미지안에 QR코드를 숨길 수도 있는 시대가 되었습니다.
QR코드 제작하기
큐알코드 제작 자체는 이제 너무나 쉽게 작성이 가능하고 나아가서는 맞춤형 QR과 실시간 소통이 가능한 QR에 대해서도 니즈가 진보하고 있습니다. 가장 단순한 큐알코드 제작방법은 네이버등에서 제작하는 것이지만, 저는 특정 프로세스를 거친 큐알코드 제작을 좀 더 고민하고 만드는 걸 좋아하는 편인데요.
1. 구글 폼 등 ‘입력 받는 폼’ 활용.
2. 데이터 PUSH
3. 입력받은 데이터를 QR코드로 Generate
4. 해당 QR코드 스캔시 정보 페이지로 이동
물론 입력받은 데이터를 확인할 수 있는 페이지로 이동시키는 프로세스를 ‘알림톡’ 혹은 ‘문자’, ‘이메일’등을 활용하는게 조금 더 깔끔한 것 같기는 해서 저는 최종적으로 다음과 같은 구조로 활용하고 있는데요.
1. 구글폼으로 신청 받기
– 해당 구글폼에서 받을 수 있는 정보들을 받고, 최종 입력이 완료되면 이메일을 발송해줍니다.
– 이제 저는 티켓을 발행해드릴 거에요.
2. 이메일 발송하기
– 이제 구글폼에서 받은 정보를 바탕으로 이메일을 보내야 하는데요. 입력받은 정보를 잘 정리하고 쿼리스트링으로 변환한 뒤 미리 만들어둔 정보 템플릿 페이지로 보내줍니다.
– 정보 템플릿 페이지는 쿼리스트링내 정보를 구문분석하고 예쁘게 보여주는 공간인 셈이죠.
– 최종적으로는 ‘체크 할 수 있는 체크 페이지를 필요로 합니다.’
3. QR코드 스캐너 페이지 작성
– 정보 템플릿 페이지의 정보가 실존하는 데이터를 기반으로 한 것인지 체크합니다.
– 중복 접속, 중복 수령등을 감지해줄 필요가 있어요.
– 정보가 없는 경우도 마찬가지
– 스캐너 페이지는 외부로 노출되지 않도록 특정 admin 계정만 접속해야 합니다.
이런 일련의 프로세스를 한번 데모로 만들어 보았으니 관심있으신 분들은 확인해보시기 바랍니다.
QR코드 신청 구글폼