[IT/chat GPT] Chat GPT를 이용하여 나만의 달력을 만들어보자.

 안녕하세요. 씨크토끼입니다.  다이어리를 가지고 다니신다면, 캘린더에 중요한 일정들을 적어놓고 계시지 않으신가요? 이번시간에는 달력을 만들어 일정을 추가하고 저장하는 웹사이트를 만들어보겠습니다.

---

일정을 적을 수 있는 캘린형 다이어리

1.  디자인 생각하기

 우리가 사용하는 핸드폰의 캘린더도 연동해서 사용하거나 이쁜 디자인의 캘린더를 다운로드하여서 사용하게 됩니다. 컴퓨터도 마찬가지로 예쁜 디자인의 달력을 구매하여 사용하여도 되지만, 우리가 직접 꾸민 캘린더라면 훨씬 더 정감이 가고 의미가 깊을 수 있습니다. 모든 어떠한 것을 만들기 전에는 큰 틀을 생각하고 행해야 합니다. 그래야 정확도와 신속도가 빨라지기 때문에 시간낭비를 하지 않을 수 있습니다.
기본적으로 달력의 이름 위치와 달력의 크기, 색상을 정하고 필요한 것이 무엇인지 생각해야 합니다. 저는 이번달과 다음 달 이동이 될 수 있게 하였고, 일정을 쓸 수 있는 메모칸을 만들 생각과 저장이 가능하도록 생각하였습니다.

2. Chat GPT에 요청하기

 모든 기반을 잡았다면 Chatgpt에 요청합니다. 코드가 길면 잘릴 수 있기 때문에 천천히 한 단계씩 나아가는 것이 시간 낭비를 줄일 수 있겠습니다. 일단은 오늘의 달력을 만들어 달라고 합니다. 그러고 나서 생각했던 디자인을 얘기하면서 적용시킵니다. 적용이 잘 되었다면 버튼을 추가해서 "이전달", "다음 달", "오늘"의 단추를 만들어 달라고 얘기하면 엄청 긴 코드를 입력하고 잘릴 수 있습니다. 걱정하지 마시고 계속 이어서 해달라고 요청하면 챗지피티가 코딩을 완료시켜 줍니다. 제가 챗지피티에 요구했을 때 날짜들이 정가운데에 있어서 오른쪽 위에 위치하도록 하고 밑에 글을 쓸 수 있는 칸을 만들어 달라고 하였습니다. 글을 쓸 수 있는 칸이 너무 길어서 다른 범위를 침범하기에 사이즈 조절도 하였고 마침내 제가 원하는 크기에 메모장이 만들어졌습니다.
원하는 색상도 넣어 보고 다양한 시도도 해봤는데 좋은 아이디어가 있다면 최상의 퀄리티의 달력을 만들 수 있을 것 같습니다. 

일정을 추가할 수 있는 달력

3. Chat gpt 사용시 유의할 점.

 일정 추가란에 글을 입력하고 저장버튼을 누르면 저장되는 것까지가 제가 원한 디자인이었습니다. 하지만 제가 챗지피티에 요구했던 코드는 단순한 HTML, CSS, JavaScript를 이용한 달력이기 때문에 일정을 추가하고 저장하는 기능을 구현하려면 백엔드 서버와 데이터베이스가 필요하다고 합니다. 클라이언트 코드(우리가 만든 사이트의 코드)와 서버 코드를 연동하는 과정이 필요하고, 서버 측에서는 기록하고자 하는 일정 데이터를 데이터베이스에 저장하고, 필요한 경우에 조회하거나 수정, 삭제할 수 있는 코드를 작성해야 합니다. 이렇게 복잡하고 다양하기 때문에 챗 지피티에서 답변의 한계가 있다고 말합니다. 물론 코드를 더 입력해서 다른 방식으로 만들 수는 있겠지만, 우리는 간단히 챗지피티를 이용하여 만드는 게 목적이기 때문에 저장하는 기능은 제외시키고 일정을 기록해 볼 수 있는 나만의 달력을 만들어 보았습니다. 코딩에 관심이 있거나 하신 분들은 깊게 파고드시거나 백엔드 서버를 공부하시면서 연습을 하신다면 큰 도움이 될 것 같습니다.
 

[IT/Chat GPT] Chat GPT를 이용해서 시계 사이트를 만들자.

---

지금까지 챗지피티를 이용하여 일정을 쓸 수 있는 달력을 만들어 보았습니다.
도움이 되셨다면 공감부탁드립니다.