[🔍후기] AI로만 웹페이지 제작하기 . END

[UUcats(hachimitsu1201)]

먼저 나는 행사에 참여했던 이미지를 올리기위한 포트폴리오 사이트를 만들기를 기대했고,

GPT한테 대충 이미지와0 몇개와 내 트위터 주소를 던져주고 '사진 포트폴리오' 홈페이지를 만들어달라고했당.

그니까 한 10초 걸렸나, 위 이미지처럼 어느정도 완성(?)이 되었다.

당연하지만 그냥 html 쪼가리라서 저 상태로는 아무런 기능도 없음!

위 홈페이지를 보면 알겠지만

카테고리별로 분류도 할 수 없을 뿐만 아니라 사진을 올리는 기능도 없고, 관리자 페이지도 없는 목업에 불과한 수준의 웹페이지였음

그래서 몇가지 기능을 구현하기로 했다.

1. 관리자페이지를 만들어 히어로 이미지(홈페이지 접속하면 뜨는 큰 이미지)와 히어로 문구와 부문구를 수정할 수 있도록 하며

2. 카테고리 생성, 삭제 기능과

3. 사진 업로드, 삭제 기능을 구현하는 것이었다.

이러저런 똥꼬쇼(?) 후 어느정도 외형을 구현하였으다.

이제 실질적으로 히어로이미지와 문구, 카테고리 등을 직접 수정할 수 있도록 최소한의 기능정도만 구현하기로 했다.

게시된 사진의 제목 수정, 카테고리 변경 등의 기능은 급한 것은 아니라 추후로 미뤄두기로~

호스팅을 위해 netlify 를 이용하였고

netlify 의 연동 및 배포를 위해 github의 레포지토리를,

카테고리등의 DB 구조 구현을 위해 클라우드 파이어스토어를 이용했으며

실제 데이터 저장을 위해 Google Cloud Storage 를 이용하였고

도메인 구매 및 SSL/TLS 암호화 적용, DNSSEC를 위해 클라우드플레어를 이용하였다.

이후 구현의 연속... NETLFY 를 위한 배포 설정 파일 및 npm명령어 및 스크립트 정보를 위한 package.json 등 여러 파일을 생성하고

환경변수를 만들어

호스트와 연동하는 작업도 진행하였다.

당연하지만 이런 작업이 술술 되었을리는 만무하고

index.html의 구조가 찐빠가 났다거나

카테고리를 삭제하여도 카테고리 내에 있는 사진들은 DB에 멀쩡히 남아있다는 등의 찐빠가 있었다!! (즉 연동이 안되었음)

물론 지금도 netfily 서버를 오랫동안 사용을 안할 때 콜드 스타트 시간으로 인한 웹페이지 불러오는 속도 저하 현상 (3초 이상)이 있어

이를 해결하는 중이지만..

왠만한 틀은 다 만들었기에 글을 남겨봄

http://uucats.net/

끝

[참고로 진짜 다 GPT, GEMINI, CLAUDE 로 만들었음)

질문은 댓글로써주면 적어줄게

PS - HTTPS 안뜨는건 DNS 등록한지 얼마안되서그럼 ㅎㅎ;;;;

[ㅇㅇ 1(39.118)]

쓰는 용어도 정확하고 서버리스 콜드스타트 개념도 아는거보면 원래 기본 지식은 있었거나 공부좀 했구만

[ㅇㅇ 2(218.157)]

이런건 구라 안치고 이제 13살도 딸깍으로 만든다 게이야.. 공부가 왜 필요함. - dc App

[ㅇㅇ 1(39.118)]

글쓴이는 디버깅툴로 응답 타이밍보고 콜드스타트 해결중이라고 하는데 이게 13살 딸깍이요?

[익명(222.107)]

@ㅇㅇ2(218.157) 무슨 근거로?

[익명(bounce6538)]

이건 누가봐도 지식있는놈이구현한겨;; 모르는사람이 프론트랑 백엔드 둘다못함

[익명(bounce6538)]

AI쓴다해도 안됨 ㄹㅇ

[ㅇㅇ 3(61.98)]

기본지식 있는 사람이 만들었네 ㅋㅋ