비전공자도 가능한 ChatGPT와 함께 TodoApp 웹사이트 만들어서 출시까지 해보기

안녕하세요 지나번에 이어 이번에는 비개발자도 코딩해서 웹사이트 출시 까지 해볼수 있는 내용으로 정리를 해봤습니다.

ChatGPT프롬프트를 가지고 아래와 같은 간단한 페이지를 만드는 과정입니다.

먼저 ChatGPT가 HTML, CSS 및 기본 JavaScript를 잘 작성 해줄 수 있도록 아래와 같이 프롬프트를 요청합니다.

act as a experienced frontend developer

I’m trying to build a simple TODO webpage, give me step by step instruction with code example with the following requirements. 
- using html, css, basic javascript
- design & css: modern style design, responsive
- using codepen
- running on Netlify