소개
시도하고자 했던 것과 그 이유를 알려주세요.
캔바 코드 기능을 알려주신 그대로 사용해보고 응용해보고자 했습니다
참고영상
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
영상에서 알려주신 프롬프트를 그대로 따라해보려고 GPT에 텍스트 추출을 요청했습니다
추출한 텍스트
QR 코드 생성기 개발 프롬프트[개요]나는 웹 또는 앱에서 사용할 수 있는 QR 코드 생성기를 만들고자 한다. 사용자가 텍스트나 URL을 입력하면 이를 기반으로 QR 코드를 생성하고, 저장하거나 공유할 수 있는 기능을 포함하고자 한다.
🌿 [기능 요건]입력 처리
사용자가 텍스트, URL, 연락처 정보 등 다양한 데이터를 입력할 수 있어야 함
입력 유효성 검사 기능 포함 (예: 빈 입력, 잘못된 URL 등)
QR 코드 생성
안정적인 라이브러리 사용 (예: qrcode for Python, qrcode.react for React 등)
QR 코드의 해상도/크기 조정 가능
에러 보정 수준 설정 가능 (L, M, Q, H)
미리보기 기능
생성된 QR 코드를 화면에서 즉시 확인 가능하게 표시
다운로드 및 공유
생성된 QR 코드를 PNG, SVG 등 다양한 포맷으로 저장 가능
SNS 또는 이메일로 바로 공유 기능 포함 (선택 사항)
스타일 커스터마이징 (선택 사항)
QR 코드의 색상, 테두리, 중앙 로고 삽입 등 커스터마이징 기능 제공
보안 및 개인정보 보호
생성된 데이터가 서버에 저장되지 않도록 클라이언트 사이드에서 처리
공유 시 URL 인코딩 또는 마스킹 등 고려
내용을 입력해주세요 라는 오류 메세지가 잘려보이는 오류가 발생했고
큐알 코드는 정상적으로 잘 작동하였지만 '다운로드 기능'은 작동하지 않았습니다
프롬프트에 요청 내용을 줄여서 오류 수정을 시도해보았습니다.
수정 코드에서는 기존 코드에서 반영되지 않은 것 같은 선택사항 부분을 빼고 저장 기능에 대해서 조금 더 설명했습니다.
QR 코드 생성기 개발 프롬프트 [개요] 나는 웹 또는 앱에서 사용할 수 있는 QR 코드 생성기를 만들고자 한다. 사용자가 텍스트나 URL을 입력하면 이를 기반으로 QR 코드를 생성하고, 저장하거나 공유할 수 있는 기능을 포함하고자 한다. 🌿 [기능 요건] 입력 처리 사용자가 텍스트, URL, 연락처 정보 등 다양한 데이터를 입력할 수 있어야 함 입력 유효성 검사 기능 포함 (예: 빈 입력, 잘못된 URL 등) QR 코드 생성 안정적인 라이브러리 사용 (예: qrcode for Python, qrcode.react for React 등) QR 코드의 해상도/크기 조정 가능 에러 보정 수준 설정 가능 (L, M, Q, H) 미리보기 기능 생성된 QR 코드를 화면에서 즉시 확인 가능하게 표시 생성된 큐알 코드 다운로드 및 공유 기능 생성된 QR 코드를 PNG, SVG 등 다양한 포맷으로 저장 가능 QR 코드의 색상, 테두리, 중앙 로고 삽입 등 커스터마이징 기능 제공 보안 및 개인정보 보호 생성된 데이터가 서버에 저 장되지 않도록 클라이언트 사이드에서 처리 공유 시 URL 인코딩 또는 마스킹 등 고려
오류메세지는 사라졌지만 여전히 다운로드에는 실패했네요 ㅜㅜ
이번엔 새로운 대화창에서 시도하지 않고 기존의 대화창에서 오류를 지적하고 수정을 요청했습니다
말은 수정했다고 답변했지만 여전히 작동하지 않네요
다운로드 기능을 성공해보고 싶어 코드를 GPT에게 들고가서 오류 수정을 요청해보았습니다
doc 만들기를 클릭하니 전체 코드를 얻을 수 있었습니다.
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
시행착오를 해결하면서 많이 배 웠습니다
도움이 필요한 부분이 있나요?
다른 분들은 코드 기능을 활용하여 어떤 작업을 하셨는지 궁금합니다
굉장히 다양한 응용이 가능할 것 같아요