
ChatGPT로 기사를 작성할 때는 '기사 전체를 코드 블록으로 감싸기' 지시를 하면 편리하다
요약
ChatGPT로 Markdown 기사를 작성할 때 렌더링 문제로 인해 기호가 깨지는 것을 방지하는 프롬프트 기법을 소개합니다. 기사 전체를 코드 블록으로 감싸고 내부 코드는 특정 문자열로 치환하도록 지시하여 복사 편의성을 높이는 방법을 다룹니다.
핵심 포인트
- Markdown 기호가 렌더링되어 복사가 어려워지는 문제 해결
- 기사 전체를 코드 블록으로 감싸는 시스템 프롬프트 활용
- 내부 코드 블록은 NNN 등 임시 문자로 치환하여 구조 유지
- 작성 후 에디터에서 일괄 치환하여 완성도 높은 기사 생성
기사는 통째로 코드 블록 (Code Block)으로 감싸고, 기사 내의 코드는 NNN으로 감싸 주세요. 나중에 치환하겠습니다.
지금까지의 대화 내용을 소개하는 Qiita 기사를 작성해 주세요.
그대로 붙여넣고 싶으므로, 전체를 코드 블록 (Code Block)으로 감싸 주세요.
기사 내에서 코드 블록 (Code Block)을 사용하는 경우에는 NNN으로 감싸 주세요. 나중에 치환하겠습니다.
ChatGPT로 Qiita 기사나 Markdown 기사를 작성하다 보면, 출력된 문장을 그대로 복사하기 어려울 때가 있습니다.
예를 들어, 기사 내에 Markdown 헤딩 (Heading)을 써달라고 요청했을 뿐인데, ChatGPT 화면상에서는 헤딩으로 렌더링 (Rendering)되어 버립니다.
# 타이틀
## 헤딩
### 소헤딩
이러한 Markdown 표기법은 ChatGPT의 답변 내에서는 실제 헤딩으로 표시됩니다.
그렇기 때문에 기사로 복사하고 싶은데, 화면상에서는 장식된 문장이 되어 버려 Markdown 기호를 포함하여 복사하기 어려워지는 경우가 있습니다.
보통대로 기사를 생성해 달라고 하면 다음과 같은 문제가 발생할 수 있습니다.
#나 ##가 헤딩으로 표시된다 -
**굵게**가 실제로 굵게 표시된다 -
기사 내에 코드 블록 (Code Block)이 있으면, 바깥쪽의 코드 블록 (Code Block)과 섞이기 쉽다
- 복사했을 때 Markdown으로 사용하고 싶은 기호가 깨지는 경우가 있다
- 기사 본문만 따로 모아서 복사하기 어렵다
특히 Qiita 기사를 작성할 경우, Markdown 기호 그 자체를 유지한 상태로 복사하고 싶을 때가 많습니다.
하지만 ChatGPT의 일반적인 출력에서는 Markdown이 그대로 표시되는 것이 아니라, 화면상에서 장식되어 버립니다.
이 문제는 시스템 프롬프트 (System Prompt)에 다음과 같은 지시를 넣어두면 해결하기 쉬워집니다.
기사는 통째로 코드 블록 (Code Block)으로 감싸고, 기사 내의 코드는 NNN으로 감싸 주세요. 나중에 치환하겠습니다.
이 지시를 넣어두면 ChatGPT가 기사 전체를 코드 블록 (Code Block)으로 출력해 줍니다.
그렇기 때문에 Markdown의 헤딩 (Heading)이나 굵게 표기법이 ChatGPT 상에서 렌더링 (Rendering)되지 않고, 텍스트로서 그대로 다루기 쉬워집니다.
기사 전체를 코드 블록 (Code Block)으로 감쌀 경우, 기사 내에 추가로 코드 블록 (Code Block)을 쓰면 문제가 발생합니다.
예를 들어, 일반적인 Markdown에서는 코드 블록 (Code Block)을 다음과 같이 작성합니다.
console.log("Hello");
하지만 기사 전체도 코드 블록 (Code Block)으로 감싸고 있는 경우, 안쪽의 코드 블록 (Code Block) 표기법이 바깥쪽의 코드 블록 (Code Block)을 닫아버릴 수 있습니다.
그 결과, 표시가 깨지거나 도중에 Markdown으로 렌더링 (Rendering)되기도 합니다.
그래서 기사 내의 코드 부분만 일시적으로 NNN으로 감싸도록 합니다.
console.log("Hello");
나중에 에디터 상에서 NNN을 백틱(Backtick) 3개로 치환하면, 일반적인 Markdown 기사로 사용할 수 있습니다.
시스템 프롬프트 (System Prompt)나 커스텀 지시 (Custom Instructions)에 다음 문장을 넣어둡니다.
기사는 통째로 코드 블록 (Code Block)으로 감싸고, 기사 내의 코드는 NNN으로 감싸 주세요. 나중에 치환하겠습니다.
그 상태에서 ChatGPT에게 기사 작성을 의뢰합니다.
Qiita용으로, JavaScript의 배열 조작에 관한 기사를 써 주세요.
그러면 기사 전체가 코드 블록 (Code Block)으로 출력되기 쉬워집니다.
이를 통해 출력 결과를 그대로 복사하여 Qiita나 VS Code 등에 붙여넣기 쉬워집니다.
실제 작업 순서는 다음과 같습니다.
- ChatGPT에게 기사를 생성하게 한다
- 출력된 코드 블록 (Code Block) 내의 기사를 복사한다
- 에디터에 붙여넣는다
- 기사 내의 NNN을 백틱 (Backtick) 3개로 치환한다
- Qiita 등에 붙여넣는다
이 순서로 하면 ChatGPT 화면상에서 Markdown이 멋대로 장식되는 문제를 피하기 쉬워집니다.
이 방법의 장점은 기사 본문을 그대로 복사하기 쉬워진다는 것입니다.
일반적인 출력에서는 ChatGPT 상에서 Markdown이 장식되기 때문에, 복사 후에 헤딩이나 코드 블록 (Code Block)의 상태를 확인할 필요가 있습니다.
하지만 기사 전체를 코드 블록 (Code Block)으로 만들어 두면 Markdown 표기법이 텍스트로서 표시됩니다.
따라서 다음과 같은 작업이 편리해집니다.
- Qiita 기사 초안 작성
- Markdown 형식의 블로그 기사 작성
- README.md 문장 작성
- 코드 예시를 포함한 기사 작성
- ChatGPT의 출력을 그대로 에디터에 붙여넣기
특히, 코드 예시를 포함하는 기술 기사에서는 매우 편리합니다.
NNN을 사용하는 경우에는 마지막에 반드시 치환해야 합니다.
치환하는 것을 잊으면 Qiita 상에서 코드 블록 (Code Block)으로 인식되지 않습니다.
또한, 본문 중에서 평범하게 NNN이라는 문자를 사용할 가능성이 있는 경우에는 다른 치환용 문자열을 사용하는 것이 더 안전합니다.
예를 들어, 다음과 같은 문자열로 설정해도 좋습니다.
CODE_BLOCK_MARK
다만, 짧고 치환하기 쉽다는 점에서는 NNN이 다루기 편합니다.
ChatGPT로 Qiita 기사나 Markdown 기사를 만들 때, 평범하게 출력하면 제목(Heading)이나 굵은 글씨(Bold)가 화면상에서 렌더링되어 버려 복사하기 어려워지는 경우가 있습니다.
그래서 시스템 프롬프트 (System Prompt)에 다음과 같은 지시를 넣어두면 편리합니다.
기사는 통째로 코드 블록으로 감싸고, 기사 내의 코드는 NNN으로 감싸주세요. 나중에 치환하겠습니다.
이 방법을 사용하면 기사 전체를 Markdown 텍스트로서 복사하기 쉬워집니다.
기사 내의 코드 블록은 일시적으로 NNN으로 감싸고, 나중에 백틱(Backtick) 3개로 치환합니다.
Qiita 기사나 기술 블로그를 ChatGPT로 초안 작성하는 사람에게는 상당히 유용한 팁입니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Qiita AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기