제목으로 어그로를 끌어봤는데.. 성공한 상태는 아닙니다.😂
🛠목적
배경 : 가족 카톡방의 누락된 기프티콘 챙기기
저희 집은 엄마아빠가 가족카톡방에 안쓰는 기프티콘을 던져주면 저랑 동생이 납죽 받아서 쓰는 편인데요,
종종 사용기한이 아슬아슬할 때 알게되거나 지나치는 경우가 있어서 보완하고자 제작을 시도했습니다.
(실제 가족 카톡방)
이런식으로 이미지 받으니 사용유무나 유효기간 체크가 어렵더라구요.
그래서 구상했던 건
기프티콘 이미지를 추가하고, 등록된 기프티콘 목록을 유효기간 빠른 순으로 노출시키는 거였어요.
대강 이런 느낌?
등록하고 노출하기만 하면 되니 어렵지 않을 거라 생각했는데…. 험난한 길을 가게됩니다.
그리고 프로그램보다는 웹에서도 작동하게 만들고 싶었어요.
외출했을때도 사용하거나, 가족도 사용할 수 있도록요.
🛠 GPT에게 요청하기
Flask는 작고 빠르게 웹 애플리케이션을 개발하고자 할 때 좋은 선택이라길래 Flask로 선택!
이때까지는 재밌었어요…
Flask 모듈을 설치하라고 하네요! 모듈 설치 쯤이야… 박정기 파트너님께 배웠슴다
지피티가 하라는대로 pip install Flask!
모듈 설치가 쉽지 않아서… 저 에러 문구를 구글링하니까 똑같은 메시지가 뜨는 분이 있더라구요. 저도 설정도 수정해보고 / 프로그램을 껐다 키고 / 코드 재실행도 해보고 / 다른 글에서 해보라는 명령어 입력해보고… Flask 설치를 완료했답니다…
왜인지 모르겠는데 터미널에서 명령어로는 설치가 안되서, 설정에 들어가서 모듈을 검색해서 설치하니 정상적으로 됐어요!
아래의 설정으로… + 버튼 클릭해서 모듈 검색해서 설치했습니다!
드디어 필요한 프레임워크를 설치했습니다…
하고싶은걸 알려주니 아래의 단계를 알려주더라구요. 뭔지 모르겠으니까 하라는대로 해보겠습니다.
데이터베이스 모델 설계
: 기프티콘 정보를 저장하기 위한 데이터베이스 모델을 설계해야 합니다. 이 모델은 이미지, 유효기간, 사용 여부 등의 필드를 포함해야 합니다.
페이지 및 라우트 추가
: Flask 애플리케 이션에 사용자가 기프티콘 정보를 확인하고 수정할 수 있는 페이지 및 라우트를 추가해야 합니다. 이를 통해 사용자가 기프티콘 정보를 확인하고 수정할 수 있습니다.
실제 기능이 작동하는 gift.py와, 사용자가 볼 index.html 파일의 소스를 각각 줍니다!
index.html을 그냥 파이썬 파일이 있는 경로에 생성했더니 오류가 나더라구요…
템플릿 폴더에 인덱스 파일을 넣으랍니다… 나는 그런 이야기는 처음 듣는데?😒
하라는대로 폴더 만들고 넣어주니까 오류 안나고 뜨긴합니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
첨에 봤을때는 넘 휑해서 놀랐어요ㅎㅎ 근데 index 파일에 아무것도 안해놔서 이렇거든요.
템플릿 작성
: 각 페이지에 해당하는 HTML 템플릿을 작성해야 합니다. 이 템플릿은 사용자에게 기프티콘 정보를 표시하고 수정할 수 있는 방법을 제공합니다.
템플릿(사용자 화면)을 만드는 과정에서 정말 에러가 많이 나더라고요.
템플릿을 만들면서 4번과 5번이 함께 진행되었고, 에러 파티여서… 제가 지피티한테 물어본 것만 몇개 보여드릴게요…
폼 처리: 사용자가 기프티콘 정보를 수정할 때 해당 정보를 서버로 보내고 처리해야 합니다. 이를 위해 Flask 폼을 사용하여 데이터를 처리하는 코드를 작성해야 합니다.
데이터베이스 연동: 데이터베이스와 Flask 애플리케이션을 연동하여 기프티콘 정보를 저장하고 조회할 수 있도록 해야 합니다.
🛠 현재 상태
그래서 현재 상태는 이렇습니다….
업로드한 이미지가 계속 안나와서 저걸로 GPT와 씨름하고 있는 중입니다…
사진과 정보가 저장되지 않는 것 같아서 DB 브라우저로 열어보기도 하고…ㅠㅠ
이미지 저장 경로도 바꿔보고 했는데 여전히 저러네요…
저와 GPT의 싸움 전체를 보고싶은 분은 여기 링크에서 직관 가능하십니다..
https://chat.openai.com/share/38f4e9c2-943a-4941-9886-807ecda5d214
마치며
파일 3개 만드는데 너무 에러가 많이 나는데.. 개발자분들, 퍼블리셔분들 존경스럽습니다..🤯
아직 포기하지 않았으니 다음에는 클로드에게 물어봐야겠어요.
긴 글 읽어주셔서 감사합니다!
#10기문과생도AI