개발/Chat GPT

비개발자가 Chat GPT 사용해서 html 코드 작성하기

기디개 2023. 8. 7.
반응형

나는 개발을 하고 싶지만,

개발에는 소질이 크게 없다.

 

하지만 chat gpt가 생기면서 희망이 좀 생겼다.

그럼에도 불구하고 chat gpt를 사용할 때, 잔 오류가 많이 생기더라.

 

앞으로 코드를 짜면서 생기는 것에 대해 기록을 좀 해보려 한다.

 

chat gpt에게 html 코드를 작성해달라고 요청할때, 정확한 답변을 받을 수 있는 방법을 알려줘

다음은 gpt가 답변한 내용이고,

답변한 내용을 내가 실제로 검색했을때

비개발자가 언어를 이해하지 못하고 질문이 가능한

가장 구체적이고 정확하게 답변해준 것들만 정리하려한다.

 

HTML 코드를 작성하려면 다음 단계를 따를 수 있습니다. 이렇게 하면 ChatGPT가 정확한 답변을 제공할 가능성이 높아집니다.

  1. 명확한 요청 제공: "ChatGPT, 간단한 HTML 코드를 작성해주세요."와 같이 명확한 요청을 제공하면 모델이 작업을 수행하는 데 도움이 됩니다.

    예) html 언어로 계산기 코드 작성해줘.


  2. 구체적인 목적 설명: HTML 코드를 작성할 목적을 설명합니다. 예를 들어, "제목과 본문을 가진 기본적인 웹 페이지를 만들어주세요." 또는 "이미지를 포함한 갤러리 섹션을 추가한 HTML 페이지를 작성해주세요."와 같이 구체적인 정보를 제공하면 좋습니다.


  3. 필요한 요소 명시: HTML에서 어떤 요소를 포함해야 하는지 명시적으로 언급합니다. 예를 들어, "헤더, 본문, 푸터, 링크, 이미지"와 같이 필요한 요소를 나열합니다.


 

CSS 수정이 필요할 때,

  1. 추가적인 스타일 또는 동작 설명: 특정 스타일링이나 동작이 필요한 경우, 이에 대한 설명을 제공합니다. 예를 들어, "제목에는 큰 글꼴을 사용하고 본문 텍스트는 가운데 정렬되어야 합니다."와 같이 추가적인 요구 사항을 명시합니다.


  2. 예제 코드 포함: 가능하다면 예제 코드를 함께 제공하여 모델이 이해하는 데 도움을 줍니다. 예를 들어, "다음과 같이 헤더를 만들어주세요: <header><h1>웹 페이지 제목</h1></header>"와 같이 구체적인 예제 코드를 제공합니다.

반응형

댓글

💲 추천 글