ChatGPT로 웹사이트 만들어 보았습니다.

알림
|
X

페이지 정보

작성자 코딩베어 175.♡.164.124
작성일 2024.11.22 23:00
분류 서비스·SW
1,991 조회
19 추천
쓰기

본문

ChatGPT로 웹사이트를 만들어 보았습니다. 


10월 중순부터 시작해서 11월 중순이니까 기간은 한달 정도 걸린 것 같습니다. 

딱히 누가 시켜서 하는 게 아니라 늦은 나이에 코딩을 배워보면서 한번 취미로 해보는 거라

크게 부담감은 가지기 않고 했습니다.


먼저 제 실력 수준부터 말씀드리자면, 닉네임은 코딩베어이지만...

사실 코딩은 이제 배우는 단계 입니다. 배울려고 써본 닉입니다;;;

파이썬에 대한 기초 동영상 강의랑, 위키독스의 FastAPI 관련 강의를 따라 쳐봤습니다. (하하 -ㅅ-)

기존에 HTML이랑 CSS 정도는 알고 있었습니다만, 자바스크립트는 아예 모르고,

파이썬은 덧셈 뺄셈....;;; 정도 할 줄 알았습니다.


어쨌거나  위키독스 FastAPI관련 강의를 보고나니 괜히 나도 할 수 있다는 자신감에 시작해 봤는데

뭘 만들어볼까 하다가

예전 클리앙에서 매일 아파트 실거래가 올리시던 분의 글을 본게 생각나서

아 나도 그분처럼 아파트 실거래가 사이트를 만들어보고 싶다는 생각으로 시작했습니다.

(만들다 보니 그런 사이트는 이미 너무 많더군요 ㅋㅋ -ㅅ- 몰랐숴요..)

모르는 게 너무 많아 거의 GPT에 의존해서 만들었습니다. 

나중에는 GPT 답변만 복붙하다보니 이게 뭐하는 건가 현타도 오더군요...;;;


공공API를 통해 데이터를 가져오는 것부터 잘 모르겠어서 챗GPT를 통해 하나하나 물어가면서 만들었는데요.

API를 통해 데이터를 가져온 후 PostgreSQL 데이터베이스에 올리고,

 FastAPI를 통해 db자료를 뺴주는 백엔드서버를 하나 만들었고

프론트는 SvelteKit을 통해 다이나믹 라우팅으로 만들어보았습니다..;;;;;


만들면서, 이렇게 하나도 모르는 나도 웹사이트를 만들어 볼 수 있는데 (물론, 서비스 레벨은 아니지만..)

이제는 정말 아이디어가 중요한 시대라는 게 느껴졌습니다.


다만, 챗GPT가 대부분 대답은 잘해주지만 svelte의 경우 svelte5가 되면서 문법이 바뀌어서

자꾸 svelte4 문법으로 알려주다보니.. 저의 경우 어떤게 틀린 지 해결방법이 어떤건지 찾는데

너무 시간이 오래 걸렸고, 프로그래밍 적인 지식이나 언어에 대한 지식이 더 있다면,

이 정도 사이트는 정말 간단히 만들 수 있을 것 같은 엄청난 생산성이 있지 않을까 싶었습니다. 


막히거나 어려운 부분이 있으면 예전에는 구글로 검색하고 했는데,

이 사이트를 만들면서는 구글에서 찾아본건 svelte 최신 문법때문에

정말 너무 안되서 찾아본 거 외에는 다 chatgpt로 해결할 수 있었습니다. 


기본적인 문법을 아예 몰랐기 때문에 하나 하나 물어보면서 하다가 

너무 지치면 일단 돌아가게만 하자 싶어서 때려 박기도 하다보니,

어짜피 다른 사이트 대비 메리트가 없어서 볼 사람도 없는데,

왜 만들고 있을까 싶었지만, 또 몇개는 배울 걸 건졌겠죠.

그냥 돌아가는 거 만으로 성취감을 느껴봅니다.


도메인을 붙였을때 짜잔하여 여기 사용기 게시판에 글도 쓰고 자랑도 해보고 싶었는데,

버그가 너무 많아서 (-__ -;;;;; ) 이런 저런 버그 잡고 이제서야 올릴 수 있게 되었습니다.

아이디어가 제일 중요한데, 뭘 배우는 것보다 아이디어 짜내는 건 너무 어렵네요.;; (백지 그 자체...)

그래도 역시 뭔갈 만들어보다보면 또 좋은 아이디어가 생길 수 있지 않을까 합니다.


1차 목표했던 것을 끝내고 약간 후련한 마음에 

한달간 GPT와 함께 했던 코딩 시간을 정리해 봤습니다. ㅎㅎ 쑥쓰~



댓글 26 / 1 페이지

피키대디님의 댓글

작성자 피키대디 (211.♡.169.67)
작성일 어제 23:20
와!!!! 대단하십니다!!
정말 과거에 비해 코딩이라는게 엄청 접근하기 쉬워져서
늦은 나이에 취미로도 좋겠다 싶은 생각이 듭니다.
뚝딱뚝딱 뭔가를 만드는게 재밌죠.
다른 취미에 비해 큰 돈도 필요없고요. 응원합니다!!

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 어제 23:41
@피키대디님에게 답글 부끄럽네요. ;;;
좋은 말씀 감사합니다. ㅋㅋ 뚝딱뚝딱 뭔가 만드는 재미가 있긴 합니다.
취미라도 안될땐 겁나 짜증이 나긴 하지만, 또,, 의외로 쉽게 해결되면 카타르시스도 있고요.
어려운 수학문제 푼 기분도 나고 그렇습니다. ㅎㅎ

감사합니다~!

피키대디님의 댓글의 댓글

대댓글 작성자 피키대디 (211.♡.169.67)
작성일 어제 23:50
@코딩베어님에게 답글 크아!! 매력을 제대로 느끼고 계신거 같습니다. ㅎㅎㅎㅎ

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 어제 23:53
@피키대디님에게 답글 너무 늦게 알았습니다.
20대때 이 재미를 알았으면 프로그래머 하는 거였는데 ㅋㅋ
갑자기 디자인으로 빠져가지고 ㅋㅋ

피키대디님의 댓글의 댓글

대댓글 작성자 피키대디 (211.♡.169.67)
작성일 00:17
@코딩베어님에게 답글 오! 디자인 하셨었나요? 그렇다면 코딩만 배우시면 완성이네요!
그래서 만드신 사이트도 깔끔했던 거군요.
습작인데 정말 깔끔해서 놀랐습니다. ㅎㅎㅎ

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (39.♡.28.253)
작성일 10:21
@피키대디님에게 답글 아이고 과찬이십니다 응원에 힘입어 다음번엔 재미있는 사이트 를 만들어 보겠습니다.

나무플러스님의 댓글

작성자 no_profile 나무플러스 (106.♡.69.205)
작성일 어제 23:42
와우..실제 웹싸이트 들어가보니..깔끔하고 괜찮은데요..대단하세여..

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 어제 23:44
@나무플러스님에게 답글 api 하나만 가져오다보니 내용이 별로 없어서.. 깰끔합니다. 부끄럽네요
칭찬 감사합니다. 후후.. 칭찬 받으니 뭔가 정말 해낸 기분이네요
아까까지는 아이거 진짜 뭐할라고 만들었지 했어요 ㅋㅋㅋ

나무플러스님의 댓글의 댓글

대댓글 작성자 no_profile 나무플러스 (106.♡.69.205)
작성일 어제 23:49
@코딩베어님에게 답글 제가 살고 있는 아파트 정보도 잘 검색되더라구여..이제 다른 것도 만들어 보세여..잘 하실것 같아여..

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 어제 23:52
@나무플러스님에게 답글 아유 고맙습니다 ( _ _  ) 뭐 더 만들어 볼게 없을지 생각해봐야죠~

코딩베어님의 댓글

작성자 코딩베어 (175.♡.164.124)
작성일 어제 23:45
로그 파일 켜놓고 다모앙에서 오신 분들
무슨 페이지 보시는지 몰래  보고 있습니다. ㅋㅋ 신기합니다.

서버 입장에서는 처음 맞는 방문객 수에 어리둥절 할듯

칼쓰뎅님의 댓글

작성자 칼쓰뎅 (119.♡.210.192)
작성일 02:03
작게라도 시작해보는게 젤 중요한거죠 ㅎㅎ
근데 아파트 검색이... ㄱㄴㄷ 순이 아니라서 그냥 봐서는 좀 찾기 힘드네요

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (39.♡.28.253)
작성일 08:21
@칼쓰뎅님에게 답글 Api 하나를 더 가져와서 붙여야 하는데 같이 고칠 생각이었습니다만........
일단 여기까지만 하고 좀 쉬려구요. ㅠㅠ 취미라도 한달 정도 오래잡고 있으니 좀 쉬고 싶습니다 ㅋㅋㅋ 아직 검색창도  없는 데 그건 더 어려운 것 같아요. 아마 아파트 찾기가 쉽지는 않으실것 같습니다

기적님의 댓글

작성자 기적 (211.♡.43.130)
작성일 08:06
뭔가 유용한 걸 만들고 싶은데 아이디어가 부족한 경우 이걸 하시면 됩니다!
https://damoang.net/free/275765

다모앙 개발 지원 신청하기
https://damoang.net/discord/34

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 08:44
@기적님에게 답글 저는 아직 그런 수준이 아니라서 >_< 괜히 나서면 폐만 되는 수준입니다.
개발자님들을 뒤에서 응원하겠습니다.

LofiBeats님의 댓글

작성자 LofiBeats (182.♡.84.30)
작성일 08:23
대단하십니다!! Chatgpt도 후덜덜하죠
저도 예전에 AI의 도움으로 간단한안드앱 만든적이있어요 ㅎㅎ 저는 아예 코딩할줄모릅니다 ㅜ

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 08:47
@LofiBeats님에게 답글 말씀감사합니다. 근데 제가 대단한게 아니라 정말 chatgpt가 대단한 거 같습니다.
좀 더 코딩을 알고 썼더라면 시간을 반 이상 줄였을 것 같아요.
저도 아예 모르는 상황이라 첨에 뭉뚱그려 얘기하니 해주긴 하는데,
뭔가 비효율적으로 알려주더라구요.

예전이라면 훨씬 먼저 해보셨네요. ai는 왠지 손이 안가서 그동안 미뤄두고 있었는데
그렇게 빨리 신기술로 해보시다니 대단하십니다.

깔뱅님의 댓글

작성자 깔뱅 (222.♡.90.65)
작성일 08:58
깔끔이네요. 그런데 수원시 권선구가 없어요!^^

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 09:16
@깔뱅님에게 답글 호엥??? 정말이네요~ db 확인해봐도 나와야하는게 맞는데 버근가봅니다 ㅋㅋㅋ
안나올 이유가 없으므로..... 긴 여행이 시작되겠네요 ㅎㅎ 감사합니다~

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 09:28
@깔뱅님에게 답글 수작업한게 있는데 오타가 났었습니다. 역시 사람이란 ㅋㅋ
gpt가 했어야 하는데요..;;; 어제도 제 오타 때문에 뭐가 하나 계속 오류났는데
gpt가 고치라고 계속 그러길래 뭘 같은 걸 고치라고 하나 하고 무시했다 보니까
오타더군요 ㅋㅋ
ㅎㅎ 알려주셔서 감사합니다.

민윤아빠님의 댓글

작성자 no_profile 민윤아빠 (116.♡.237.141)
작성일 09:16
대단하십니다. 
사이트 가 보니 구성이 깔끔하고 직관적이군요.

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (175.♡.164.124)
작성일 09:30
@민윤아빠님에게 답글 오~ 감사합니다.
와서 한번 봐주시는 것만으로 응원이 됩니다.
신고가 나오면 폭죽 나오는 자바스크립트를 넣어볼까 합니다. ㅋㅋ
설마 부동산 투기 조장으로 잡혀가는 건 아니겠죠..

위즈덤님의 댓글

작성자 no_profile 위즈덤 (180.♡.164.192)
작성일 09:50
chatgpt는 유료로 하셨어요??

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (39.♡.28.253)
작성일 10:12
@위즈덤님에게 답글 넵 유료입니다. 무료로는 이렇게 못 쓸거 같아요. 긴 소스 한번에 넣고 해서요

기적님의 댓글

작성자 기적 (211.♡.43.130)
작성일 09:55
svelte5는 GPT에 문법 업로드하고 이걸 기억해서 앞으로 항상 이 문법에 맞춰서 답변하라고 시켜 두면 말을 잘 들을 것 같네요.

코딩베어님의 댓글의 댓글

대댓글 작성자 코딩베어 (39.♡.28.253)
작성일 10:13
@기적님에게 답글 Sqlalchmey는 pdf 문서가 있길래 넣었는데 svelte5는 공홈에서 그런 걸 못찾았습니다. ㅠㅠ 스벨트로 만들어보니 저같은 초보자가 만지기 좋아서 어떻게든 학습시켜봐야겠어요.
쓰기
홈으로 전체메뉴 마이메뉴 새글/새댓글
전체 검색