AI로 홈페이지 만들기, 어드민!

AI로 홈페이지 만들기, 어드민!

휴- 바쁜 회사 일정으로 이제야 티스토리용 키보드를 잡(?)습니다.
오늘은 서점 홈페이지에서 책을 관리하는 어드민 기능을 만들 겁니다.
어드민 기능은 보안이 특히 중요하긴 하나 지금은 신경 안 쓸겁니다.
바이브 코딩의 재미를 경감시킬 수 있으니 연습이라 생각하시고 주요 개인정보는 입력하지 말아 주세요.

그동안의 목차 : https://itadventure.tistory.com/772

오늘 본문 내용은 아니지만 잠깐 소개해 드리면 커서AI, 윈드서프AI와 비슷한 친척같은 IDE가 또 나왔더군요.
Trae 라는 건데요. 매우 흡사하고 아래 사이트에서 다운받을 수 있습니다.
https://www.trae.ai/성능은 살펴봐야겠으나 월 구독료가 10달러밖에 안하더라구요. 그리고 첫달은 3달러입니다.
만일 1년 요금제로 한번에 결제하면 첫 1년은 7.5달러인줄 알았는게 그건 아니고.. 1개월당 7.5 $라는 의미인듯합니다. 1년에 90달러더라구요 ㅎ..
무료 요금제도 괜찮은 것 같은데 기회되면 살펴보고 공유드리겠습니다. ㅎㅎ

아울러 윈드서프 구독으로 후원해 주신 독자님들! 너무 감사합니다!!
덕분에 제 계정에 충전되는 넉넉한 윈드서프 크레딧으로 이것 저것 테스트하는데 무리가 없습니다!!!

자, 이제 본론으로 들어가겠습니다.
윈드서프 실행 / 폴더 선택은 그동안 누차 진행해 왔으니 반복 설명은 안드리겠습니다.먼저 sqlite mcp 연결을 확인해보겠습니다.

sqlite mcp 에서 책 목록 확인해줘.

오늘은 윈드서프가 기분이 좋은걸까요? 모든 책을 한번에 나열해 주었습니다.
평소에는 10권 정도만 나열해 주거든요.

이제 윈드서프에게 지시하겠습니다. 모델은 역시나 똑똑한 클로드 소넷3.7(Think)입니다.

어드민 페이지를 만들거야. 
'cray' 계정으로 로그인할 때면 화면 우측 상단에 어드민 버튼을 만들고 
어드민 페이지로 진입하게 해줘. 어드민 페이지는 아래와 같이 구성해줘.
- 카테고리 관리 메뉴 : 카테고리 목록을 나열하고 편집하는 기능 제공
- 도서 관리 메뉴 - 도서 목록을 나열하고  편집하는 기능 제공

사실 요청은 간단하나 세세하게 따져보면 꽤 기능이 많습니다.
어드민 페이지 디자인 및 메뉴 구성, 카테고리 목록, 추가, 수정, 삭제, 도서 목록, 추가, 수정, 삭제

과연 이 정도 대략적 요청만으로 윈드서프가 어드민 기능을 만들 수 있을까요?
  :
  :
해내더라구요!

수정, 삭제, 추가 모두 다 잘 작동합니다.
나 원.. 감격이네요 T^T..독자님들을 위해 어드민 페이지 조회만 가능한 계정을 추가해드리겠습니다.
이를 위해 guest77 계정으로 회원가입 하였습니다.

guest77 계정도 어드민 페이지ㅔ 진입하게 해줘. 대신 카테고리나 책목록을 볼 수만 있게 하고 
수정, 추가, 삭제는 불가하게 해

이제 아래 홈페이지에서 ID guest77, 비번 7777로 로그인하시면 우측 상단에 어드민 버튼이 보이실텐데요.

https://cray7.mycafe24.com/HappyBooks8/

어드민 페이지에 진입하시면, 카테고리 관리, 도서 관리 메뉴를 보실수 있습니다.
대신 편집 권한은 없지요.

결과를 보면서 점진적으로 기능을 갖추어 나가는 바이브 코딩의 재미, 충분히 누리시길 바랍니다.
다만, 바이브 코딩의 결과물은 때로는 허술한 보안으로 해커에게 쉽게 뜷릴수 있어요. ( 해커 나빠~ )
미래 개발자를 꿈꾸신다면 주요 정보 관리를 위해 코드를 익혀야 할 필요는 있다는 점, 기억해 두시기 바랍니다.

오늘도 흥미로운 주제가 되셨을까요?
구독으로 크레딧 후원해주신 독자님들께도 진심으로 감사드리며 복~받으세요!
오늘도 방문해주신 모든 분들 감사합니다!