최근 조직이동을 하여 새 조직에 자기소개 자료를 만들고 있던중, 해당 자료에 나의 QR코드를 넣는건 어떨까로 시작
안티그래비티와 대화를 통해 개인 QR 코드를 만드는것부터, 해당 코드가 로컬 PC를 떠나 다른 사용자가 확인할 수 있게 하게끔 터미널로 배포하기까지, 진행해보았습니다.
터미널로 qr 배포하는것은 아래와같았어요
cd (폴더설정) 후
npx surge 명령,
(메일 및 패스워드는 개인 정보차원으로 사용자가 직접 입력하는 단계였고 아래 사진은 이미 등록한 후여서 해당 스탭은 패스되었음)
domain 지정하면 생성 됩니다! (도메인에는 사용할 수 없는 문구들이 있으니까 (. 같은) 오류시 디테일 확인)
컴퓨터 화면의 스크린샷
qr 생성하는 js 파일명대로 발행해주면 node generate-qr.js QR이생성되고
접속시 저의 간단한 소개와 컨텍포인트로 연결되게 했어요~
전화기버튼 누르면 컴퓨터에서는 전화번호정보 팝업, 핸드폰에서는 다이얼로 바로 연결
카카오는 친구추가로 바로 가게 하고싶었는데 카카오 연결로 뚫리지 않아서 카카오아이디 정보 팝업
인스타그램은 바로 제 페이지로 연동
(일부 정보는 예시정보를 넣어둠)
흰색 배경에 흑백 qr 코드
한국어 HR 앱 스크린샷
개인 정보또한 안티그래비티를 활용해서 코딩요청하였고,
전반적인 구조와 배열, 정보를 요청하였습니다.