자기소개 QR 코드 만들어보기

최근 조직이동을 하여 새 조직에 자기소개 자료를 만들고 있던중, 해당 자료에 나의 QR코드를 넣는건 어떨까로 시작

안티그래비티와 대화를 통해 개인 QR 코드를 만드는것부터, 해당 코드가 로컬 PC를 떠나 다른 사용자가 확인할 수 있게 하게끔 터미널로 배포하기까지, 진행해보았습니다.

터미널로 qr 배포하는것은 아래와같았어요

cd (폴더설정) 후

npx surge 명령,

(메일 및 패스워드는 개인 정보차원으로 사용자가 직접 입력하는 단계였고 아래 사진은 이미 등록한 후여서 해당 스탭은 패스되었음)

domain 지정하면 생성 됩니다! (도메인에는 사용할 수 없는 문구들이 있으니까 (. 같은) 오류시 디테일 확인)

컴퓨터 화면의 스크린샷

qr 생성하는 js 파일명대로 발행해주면 node generate-qr.js QR이생성되고

접속시 저의 간단한 소개와 컨텍포인트로 연결되게 했어요~

전화기버튼 누르면 컴퓨터에서는 전화번호정보 팝업, 핸드폰에서는 다이얼로 바로 연결

카카오는 친구추가로 바로 가게 하고싶었는데 카카오 연결로 뚫리지 않아서 카카오아이디 정보 팝업

인스타그램은 바로 제 페이지로 연동

(일부 정보는 예시정보를 넣어둠)

흰색 배경에 흑백 qr 코드
한국어 HR 앱 스크린샷

개인 정보또한 안티그래비티를 활용해서 코딩요청하였고,

전반적인 구조와 배열, 정보를 요청하였습니다.

1개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 오후,
읽고 바로 써먹을 AI 소식만