정보의 샘 - 과학과 기술/IT, Tech

[ChatGPT] "css를 테스트하기 위한 마크다운 샘플을 만들어줘" + "이 경험을 바탕으로 블로그 글 써줘"

다과랜드 2023. 10. 13. 01:09
728x90

키워드: 생성형AI, Bing Chat, ChatGPT-4, AI로 글쓰기, AI로 생산성 높히기

글을 읽기쉽게 고쳐달라고 한 결과.

안녕하세요. 다과랜드 입니다.

최근에 css를 수정할 일이 있었는데, 모든 마크다운 요소를 일일이 입력하고 테스트하는 것이 굉장히 번거로웠습니다.

인터넷에는 이미 만들어진 마크다운 샘플들이 있긴 하지만, 몇몇 요소들이 빠져있는 경우가 많았습니다.

그래서 저는 최근에 인기있는 생성형 AI인 Bing Chat을 이용해서 샘플을 요청해봤습니다. 그리고 그 결과가 정말 놀랍더라고요. 마크다운의 모든 요소를 포함한 샘플을 만들어달라고 하니, 정말로 그렇게 해주었습니다. 뿐만 아니라, 저는 이 경험을 글로 작성해달라고도 부탁했습니다. 그러자 Bing은 아래와 같은 초안을 작성해주었습니다.


안녕하세요, 오늘은 Bing chat을 통해서 "css 테스트를 위한 markdown 샘플 만들기"에 대한 주제로 글을 작성해보려고 합니다. Bing chat은 Microsoft의 검색 엔진인 Bing과 대화할 수 있는 채팅 모드입니다. Bing chat은 사용자의 언어에 맞춰서 자연스럽게 대화하고, 다양한 주제에 대해 정보를 제공하거나, 창의적인 콘텐츠를 생성해줄 수 있습니다. 예를 들어, 저는 Bing chat에게 마크다운 문법을 사용해서 css 테스트를 위한 샘플을 만들어달라고 요청했는데요, Bing chat은 놀랍도록 빠르고 정확하게 요청을 수행해주었습니다. 아래는 Bing chat이 만들어준 샘플입니다.

```

# css 테스트를 위한 markdown 샘플

## 마크다운이란?

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법입니다. HTML과 달리 별도의 도구 없이도 쉽게 작성하고 읽을 수 있으며, 다양한 형식으로 변환할 수 있습니다. 마크다운은 웹에서 컨텐츠를 작성하고 배포하는 데 널리 사용되고 있습니다.

## 마크다운의 장점

마크다운의 장점은 다음과 같습니다.

- 간단하고 직관적인 문법으로 누구나 쉽게 배울 수 있습니다.
- 텍스트 에디터로 작성할 수 있으므로 별도의 소프트웨어가 필요하지 않습니다.
- HTML로 변환할 수 있으므로 웹에서 바로 사용할 수 있습니다.
- 다른 형식으로도 변환할 수 있으므로 PDF, 워드, 파워포인트 등으로 출력할 수 있습니다.
- 스타일 시트(css)를 적용할 수 있으므로 디자인을 자유롭게 변경할 수 있습니다.

## 마크다운의 기본 문법

마크다운의 기본 문법은 다음과 같습니다.

### 제목

제목은 # 기호와 공백 한 칸으로 시작합니다. # 기호의 개수에 따라서 제목의 수준이 달라집니다. 예를 들어, #은 제일 큰 제목, ##은 두 번째로 큰 제목, ###은 세 번째로 큰 제목이 됩니다.

### 단락

단락은 빈 줄로 구분합니다. 줄바꿈을 하려면 문장 끝에 공백 두 개를 넣으면 됩니다.

### 강조

강조는 별표(*)나 밑줄(_)로 텍스트를 감싸면 됩니다. 별표나 밑줄 한 개는 기울임꼴, 두 개는 굵게, 세 개는 기울임꼴과 굵게를 적용합니다.

### 목록

목록은 순서가 있는 목록과 순서가 없는 목록으로 구분됩니다. 순서가 있는 목록은 숫자와 점(.)으로 시작하고, 순서가 없는 목록은 별표(*), 더하기(+), 빼기(-) 중 하나로 시작합니다. 목록 안에 목록을 넣으려면 들여쓰기를 하면 됩니다.

### 링크

링크는 대괄호([]) 안에 텍스트를 넣고, 소괄호(()) 안에 URL을 넣으면 됩니다. 대괄호 안에 텍스트는 링크의 설명이 되고, 소괄호 안에 URL은 링크의 주소가 됩니다.

### 이미지

이미지는 링크와 비슷한 문법을 사용합니다. 단, 링크와 다른 점은 대괄호 앞에 느낌표(!)를 붙여야 한다는 것입니다. 느낌표는 이미지를 나타내는 기호입니다. 이미지에 대체 텍스트를 넣으려면 대괄호 안에 텍스트를 넣으면 됩니다. 대체 텍스트는 이미지가 보이지 않을 때 표시되는 텍스트입니다.

### 코드

코드는 백틱(`)으로 텍스트를 감싸면 됩니다. 백틱은 보통 키보드의 숫자 1 왼쪽에 있는 기호입니다. 코드 블록은 백틱 세 개로 시작하고 끝내면 됩니다. 코드 블록에 언어를 지정하려면 백틱 세 개 다음에 언어의 이름을 적으면 됩니다.

### 인용

인용은 꺽쇠(>)로 시작하면 됩니다. 인용 안에 인용을 넣으려면 꺽쇠를 더 붙이면 됩니다.

### 수평선

수평선은 별표(*), 빼기(-), 밑줄(_)을 세 개 이상 연속으로 쓰면 됩니다.

## 마크다운 샘플의 결과

이렇게 작성한 마크다운 샘플은 다음과 같이 보입니다.

![마크다운 샘플의 결과](https://i.imgur.com/다과랜드검열)

## 마무리

```


Bing chat이 마크다운의 모든 요소를 포함해서 스스로 샘플을 만들어줬다는 점이 정말 놀랍습니다. Bing chat은 AI의 발전속도가 굉장히 빨라서 사용을 많이 해봐야 뒤쳐지지 않겠다는 생각을 하게 만듭니다. Bing chat은 단순한 검색 엔진이 아니라, 우리의 창의적인 파트너가 될 수 있습니다. Bing chat을 한 번 사용해보세요. Bing chat과 함께라면, 웹에서 원하는 모든 것을 찾고, 만들고, 공유할 수 있습니다.


여기부턴 다시 제가 작성합니다:

꽤나 정확하고 원하는 바를 반영해서 글을 써줍니다. 정말 발전속도가 놀랍습니다.

아래 이미지들은 제가 샘플을 만들어달라고하고, 없는 요소까지 추가해달라고 요청했습니다.

Bing Chat에게 마크다운 샘플을 만들어달라고 한 결과

요청은 영어로 진행하였습니다. 아래 이미지들은 CSS를 입힌 최종결과입니다. 마지막에는 너무 길어서 생성이 짤렸는데, 이미 충분히 많은 요소를 담고 있었습니다.

"마크다운 샘플 만들어줘" 결과물 1
"마크다운 샘플 만들어줘" 결과물 2
"마크다운 샘플 만들어줘" 결과물 3

Bing이 만들어준 샘플을 가지고 CSS 변화를 바로바로 확인할 수 있을거 같네요. AI가 우리 삶에 많이 들어오긴 했나봅니다. 요구하는 바를 충분히 반영해서 대답을 해줍니다.

마지막으로 제 생각을 담아서 글을 써달라고 한 결과를 첨부하며 글을 마칩니다.

Input: "생성형 AI의 발전이 정말 빠르고, 빨리빨리 사용해보지 않으면 쉽게 뒤쳐질 것 같다는 의견을 반영한 글을 써줘. 그리고 앞으로 어떻게 발전속도에 맞춰서 사용을 하는게 좋을지에 대한 생각이 담긴 글을 적어줘."
Output: 최근에는 생성형 AI의 발전이 정말 빠르고, 놀라운 결과물들을 보여주고 있습니다. 예를 들어, GPT-3와 같은 대규모 언어 모델은 다양한 주제와 형식의 텍스트를 자동으로 생성할 수 있으며, DALL-E와 같은 이미지 생성 모델은 키워드만으로도 환상적인 그림을 그려줄 수 있습니다. 이러한 기술들은 우리의 일상과 업무에 많은 변화와 혜택을 가져다 줄 것입니다.

하지만, 이러한 기술들을 사용하기 위해서는 몇 가지 주의할 점이 있습니다. 첫째, 생성형 AI는 인간의 지식과 문화를 반영하기 때문에, 때로는 편견이나 오류가 포함될 수 있습니다. 따라서, 생성된 텍스트나 이미지를 임의로 신뢰하거나 사용하지 말고, 항상 검증과 수정이 필요합니다. 둘째, 생성형 AI는 저작권이나 개인정보와 같은 법적인 문제에도 영향을 받습니다. 예를 들어, 생성된 텍스트나 이미지가 다른 사람의 저작물을 침해하거나, 개인정보를 노출하거나, 사기나 명예훼손과 같은 범죄에 이용될 수 있습니다. 따라서, 생성된 텍스트나 이미지를 사용할 때는 법적인 책임과 윤리적인 기준을 준수해야 합니다.

결론적으로, 생성형 AI는 놀라운 기술이지만, 그만큼 위험도가 높은 기술입니다. 우리는 이러한 기술을 사용하기 위해서는 적절한 지식과 기술을 갖추어야 하며, 항상 신중하고 책임감 있게 사용해야 합니다. 그렇게 해야만, 생성형 AI의 발전속도에 맞춰서 사용을 하는 것이 좋을 것입니다.

AI 윤리 가이드라인에 맞춰서 엄격하게 검열된 답변을 하는군요. 앞으로가 기대됩니다.

반응형