심플 PHP 갤러리 - AI로 만들어보자

이런거 사실 누군가가 몇 년 전부터 만들어서 공개하고 있어서... PHP 파일 한개로 관리 가능하다. WebP 업로드도 지원하고, 생각보다 여러 사이트에서 제공하고 있더라. 개인적으로 써보니 sye.dk에서 제공하는게 빠릿하다. WebP지원. 그 외에 NovaGallery, Files.gallery 같은 거 있고, PHP 8 환경에서도 잘 작동하더라.😊

다운로드 시 포함된 리드미 파일 잘 읽어보면 쉽게 사용할 수 있고(관리자 기능 사용하기 위해 별도 파일 제작 하나 필요), 닷홈 무료계정에서 잘 돌아가더라. 국내 웹호스팅 중 무료 호스팅 주는 곳은 아이비나 닷홈 정도가 아닐까 하는데, 닷홈이 좋아요...가비아나 카페24도 무난하고. 외국은 요즘은 잘 모르겠다. 예전엔 호스팅어 뭐 이런 곳 있었는데 GPT한테 물어보니 Infinityfree가 업타입 괜찮고 안정적이라고. 외에 awardspace, freehosting 같은 곳 있더라.

갑자기 바이브 코딩....이 하고 싶어져서 나도 AI한테 단일 PHP 파일 갤러리 하나 만들어달라고 해보고 있다. 나도 해보자 바이브 코딩!.... 호에엥 GPT에몽....이거 고쳐줘, 안돼, 저거 고쳐줘....이거 추가해줘...응애...

Grok, Gemini Pro, Claude, ChatGPT 이렇게 부탁했는데 작은 정보로 만들어내는 1차 결과물에서 UI나 색감은 Claude와 Gemini가, 기능 수정의 빠름과 편의성 구현은 Grok이, 이것저것 고려 많이 된 건 Claude(유료)가 잘 해주더라(요구했던 기능을 한번에 쉽게 할 수 있게 - 폴더 생성, 이름 변경). 단 Claude 무료는 대화 제한에 걸려서 뭐 써먹기도 힘듦.

Cursor AI도 써볼까 했는데 이미 구독을 여럿하고 있어서 조금 부담되어 포기. ChatGPT는 소설 쓰거나 번역 맡기면 잘하고 프롬프트도 잘 뽑아주고 그림도 잘 그리는데 코딩은 으음...음...

Gemini의 경우 단일 PHP로 하지 말라고(보안상 위험) 여러번 알려주고, 정확한 기능 구현은 어렵고, 기초는 짜준다...고 이야기했지만 넷 중에서 (개인적으론)가장 UI도 이쁘게 잘 짜줘서 만족. 심지어 기본 색감도 제일 무난하다. Grok은 이야기도 안했던 멀티 업로드 기능과, '갤러리'라고 하는 걸 잘 이해했는지 동일 폴더 내에 좌 우 버튼을 추가해 볼 수 있게 하는 버튼을 생성해두기도 하더라.

Claude 제외 나머지 모델은 한글에 대한 건 제외하고 하는 경우가 많아선지; 사진 이름을 한글로 하면 안받아져...라고 다시 알려줘야 하는건 똑같았다. 그리고 전 모델 폴더 삭제도 같이해야 하지 않을까?하는 기능도 알려줘야 했다.

GPT는 수시로 뻣...어서 종종 똑똑? 하면 다시 일하고, 또 뻣.... 어서 시간이 좀 걸리는 편이고, Gemini는 전체 파일 코드를 적어주는 걸 극도로 꺼리는데 고쳐줘, 넣어줘하면 코드 수정하라면서 알려주는데 거기서 수정해야 할 부분의 코드가 자기가 만든 것과 조금씩 다른 내용을 알려줘서 결국은 그냥 파일 하나 다시 만들어 줄래? 라고 이야기해줘야 하는 경우가 종종 있다(관련 지식이 조금은 있어야 Gemini에게 말할 수 있음).

이거 하나로 뭔가 판단하는 건 좀 어렵지 않나 싶지만, 일단 오류가 생긴걸 정정하는 성능은 Gemini가 좋더라. 츤츤대면서도 기능 검수나 CSS 불러오는 것도 가장 오류 적게 잘 불러옴(종종 이전 버전 주소를 적어둬서 적용이 안되거나, 요구했던 게 아닌 다른 걸 가져오거나 하는 경우 종종 있음).

또 가령, 그림을 클릭하면 박스형태로 뒤에 검게 해서 보여주는 기능이랑 좌우 버튼 눌러서 동일 폴더 내 이미지를 보여주는 거 넣어줘...하면 Grok은 응. 그럴게, 자 여깄어! 하고 바로 코드 작성하지만 Gemini는 Lightbox라는 걸 쓰면 좋을 것 같은데, 이러면 구형 브라우저의 지원이 없어지고 HTTP보단 HTTPS 환경에서 더 잘 작동한다든가 하는 지식들 알려주고 이걸로 할까?하고 물어봄.

그리고 테스트 해보고 어 잘 안되는데 다시 한번 체크해줄래? 하면 검산하고 어떤 부분에서 어떤 문제가 있어서 그런 것 같아....라고 알려주고. Grok은 파일 만들 때마다 퍼미션이랑 이런거 꼬박꼬박 챙겨주더라. GhatGPT는 요청 사항을 정리해서, 잘 보여주는 편. Grok 반말하다 존대하다 왔다갔다 자주하더라.☺️

주석은 그럭저럭 다 괜찮은데 Claude가 가장 많이 적어주고. 사용하는 사람들이 많는지 꼼꼼하더라. 그치만 그만큼 코드 작성 시간이 오래 걸리고 코드도 길어지는 단점이 있었음. 그래서 수정사항이나 추가사항이 들어가면 수정내용이 많음(...;)

AI 모델들이 올라가면서 ChatGPT 팁에서 보이던 역할 부여....는 이제 안해도 되지 않나 싶다. 그냥 조금 더 쉽게 설명해줘, 하면 풀어주고 정리 잘 해서 보여주고, 코딩 설명에서는 차이 없더라. 92~99번째 줄 또는 만들어낸 코드 복붙해서 이거 OO하려고 한 거 맞아? 물어보면 답변도 다 잘 해주고, 이상하다 싶으면 코드 다시 뽑아주고 하더라. 어떤 모델이든 이거 똑같은 내용 같은데 왜 들어간거야? 하면 어, 그렇네? 미안! 중복되는 코드 하나로 합쳤으니 확인해봐! 하고 답변줌.

개인적으론 필요한 것과 아닌 걸 구체적으로 설명하는 게 되게 중요(이건 들어가야 하고, 이건 들어가면 안돼. 하는 지침과 제약)하고, 전체적으로 이거랑 이거랑 이거랑 이거 넣어줘 보다는, 이거랑 이거 해줘 > 응, 고마워 근데 이거랑 이것도 있어야 해.라고 하나씩 단계를 밟아가는 게 피드백 받기도 좋다고 생각함. 다만, 함수명이나 요구했던 파일명같이 내용을 바꿔야 하는 경우는 자제하자(예를 들면 gallery.php였던 걸 이제 index.php로 바꿔서 만들어줘~하거나 class 선언되어있는거 이거 다른 이름으로 바꿔달라고 하면 종종 하나씩 빼먹더라;).

만약 요청 사항이 많다면,

1. 제목표시줄에 표시되는 내용과 화면 왼쪽 상단에 표시되는 갤러리 이름을 수정할 수 있게 해줄래?

2. 위에 수정하는 거 하드 코딩이면 되니까 내가 수정해야 하는 항목을 코드 앞쪽으로 좀 모아줘.

3. 버튼에 커서 올리면 천천히(0.4초 정도) 색 바뀌게해줘.

4. 삭제와 다운로드 버튼 크기 맞춰주고 밑에는 가운데 정렬해줘.

...같이 순서를 정해주는 것도 AI가 내게 확인할 걸 정리하는데에 도움되더라. 아니면 빼먹는 경우 꽤 된다.

하고 저렇게 순서 지정해주는 게 여러모로 피드백 받기 좋음. 아니면 기능1 추가 후 피드백하면서 기능2 추가하는 게 여러모로 AI가 실수하는 게 적어지고, 내가 필요로 하는 기능이 있는 Github 주소(예제)같은 거 입력해주면 이거 분석해서 기능 개선도 해주더라.

이번에 느꼈지만 같은 말 반복하는거지만 사용자도 단어 배열만이 아니라 AI가 내게 말하듯이 설명을 해줘야 잘 작동함. 영어면 좀 더 좋지 않나 싶고. 맞다 아니다를 잘 표현해줘야 함. 그러니까, 아니, 그거 말고 로그인 메시지 아래에 이전 단계에는 회색 상자가 아래 상자 크기에 맞게 있었는데, 이번에는 이상하게 줄었어. 이거 꼭 필요한 거 아니면 없애줄래? 같이 하면 AI가 코드를 다시 검토하고, 응답하고 해주니까 생각보다 금방 그럭저럭 마음에 드는 갤러리 4개(....) 만들어지더라. GPT는 마지막 수정요청을 아직 내보내주지 못하고 있지만 나머지는 그냥저냥 잘 만들어줘서 만족. 각 버전별로 만들어진 파일 배포하니까 필요하면 사용하세욥.

메모장이나 에디터로 각 PHP 파일 열고, 아이디 및 암호 또는 암호를 수정해야 합니다. 웹에 표시될 내용도 수정하고요. 혹 파일명을 바꿀거면 .php 검색해서(3개 항목 정도) 변경한 파일 이름으로 바꿔줘야 하고, 폴더 권한은 755주면 됩니다. 혹 에러뜨면 수동으로 uploads 폴더를 생성하고 755 줘보세요.

[Gemini]

[Claude]

[Grok]