ChatGPT Midjourney 프롬프트 생성기 AI로 만드는 법

한글 키워드만 넣으면 미드저니 프롬프트로 바꿔주는 도구

준비물은 딱 하나입니다

작업용 AI 도구로는 ChatGPT 하나면 충분합니다. 유료 버전이 아니어도 괜찮으니, 평소 쓰던 기본 채팅창을 열어두면 됩니다. 코드가 저장될 경로는 C:\Users\Chul\.gemini\antigravity-cli\scratch\midjourney-generator 폴더로 정했구요. 원활한 코드 관리를 위해 이 폴더를 작업 공간(Workspace)으로 설정하는 것을 추천합니다.

ChatGPT로 프롬프트 빌더를 점진적으로 만들기

한 번에 너무 많은 기능을 요청하면 AI가 코드를 누락하거나 꼬이기 쉽습니다. 가장 핵심적인 입력창과 기본 레이아웃부터 단계별로 살을 붙여 나가는 것이 바이브 코딩의 정석이거든요.

여기서 막히면 이렇게 해결하세요

복사 버튼을 눌러도 아무 반응이 없어요

현상: 복사하기 버튼을 눌렀는데 클립보드에 텍스트가 저장되지 않고 에러도 나지 않습니다.

원인: 최신 브라우저의 navigator.clipboard.writeText API는 보안상의 이유로 HTTPS 환경이나 로컬 환경(localhost)이 아니면 작동을 거부하는 경우가 있습니다.

해결: 로컬에서 파일(file:///) 경로로 직접 열었을 때 이런 일이 생기곤 합니다. 이럴 때는 자바스크립트 코드의 복사 로직 부분에 구형 방식인 document.execCommand('copy')를 백업(Fallback)으로 적용하도록 코드를 수정해 달라고 ChatGPT에게 시키면 간단히 해결됩니다.

모바일 화면에서 버튼 칩들이 화면 밖으로 넘쳐요

현상: 스마트폰으로 웹페이지를 띄웠을 때 가로 비율이나 버전 선택 버튼들이 우측 화면 밖으로 잘려서 보이지 않더군요.

원인: 칩들을 감싸고 있는 부모 컨테이너에 줄바꿈 속성이 빠져 있어서 한 줄로만 배치하려다 보니 발생하는 레이아웃 버그입니다.

해결: CSS 영역에서 버튼 칩을 감싸는 클래스(예: .options-container)를 찾아서 flex-wrap: wrap; 속성을 추가해 주면 모바일 화면 크기에 맞게 자동으로 줄바꿈이 일어나며 정렬됩니다.

영어 번역이 제멋대로 되거나 문맥이 끊깁니다

현상: 단어를 나열했을 때 번역 결과가 매끄럽지 않고 미드저니가 이해하기 어려운 어색한 문장으로 출력되는 문제입니다.

원인: 단순 번역 API는 미드저니 특유의 태그형 쉼표(,) 구분 스타일을 살리지 못하고 일반 문장으로 직역하기 때문에 그렇습니다.

해결: 이럴 때는 자바스크립트 단에서 입력받은 키워드들을 공백이나 쉼표 기준으로 쪼갠 뒤, 각각을 번역하여 쉼표로 연결해 주는 간단한 후처리 로직(split과 join)을 넣어 달라고 코드를 보강하면 미드저니 친화적인 결과물로 바뀝니다.

다음에 붙여볼 것