Cursor AI를 활용한 비개발자 워드프레스 커스텀아바타 플러그인 개발성공

소개

시도하고자 했던 것과 그 이유를 알려주세요.

워드프레스 플러그인 만들기 위한 최초시도, 워드프레스 사용자 프로필 이미지를 등록하려면 https://ko.gravatar.com/ 사이트에 프로필을 별도로 등록해야 하는데, 등록하는 과정없이 바로 워드프레스 사이트에서 이미지를 등록할수 있는 플러그인을 개발해 보았습니다.

개발한 플러그인을 통해 사이트에서 이미지를 등록하고 프로필에도 정상적으로 반영이 되었습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)

지난시간에 개발을 위한 로컬서버 환경세팅을 완료 하였고, (아래글에 세팅과정이 나와있습니다.)

https://www.gpters.org/nocode/post/setting-up-cursorai-wordpress-w8QsGaCPtzMO860

플러그인 개발을 시작했습니다.

워드프레스 사용자 프로필 플러그인이 적용되지 않는 화면입니다.

커서AI로 플러그인을 개발하기 위해서 플러그인 폴더를 생성하고 명령어를 입력합니다.

플러그인이 생성되고, 개발자명을 디지털협업가로 추가로 설정합니다. 하지만 이미지만 등록가능하고 실제로 작동되지는 않습니다. 수정작업을 거쳐서 사진을 등록이 되었지만 실제 프로필사진과는 연동이 되지 않았고, 그레바타사진등록과 이중으로 나왔습니다.

등록된 프로필이미지가 정상연동이 되도록 수정해 달라고 추가 명령을 했고 정상적으로 프로필 사진 등록이 가능하게 되었고 정상적인 연동도 완료되었습니다.

개발된 플로그인을 다른 사이트에 설치가능하도록 압축파일로 추출했고, 다른사이트에서도 정상적으로 설치가 가능하게 개발이 완료되었습니다.

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

실패담도 괜찮아요. 시행착오나 도움이 필요한 부분이 있나요?

앞으로의 계획이 있다면 들려주세요.

정확한 시나리오와 워드프레스 구성에 대한 기본적인 이해만으로도 비개발자가도 워드프레스 플로그인을 개발할수 있다는것을 알게 되었고 작은 성공이지만 첫번째 앱개발이라 의미가 있는것 같습니다.

실패과정은 다 표시하지 않았지만, 새로운 플로그인을 개발하는것을 비교적 쉬운 과정이었지만, 기존 상용화된 다른 플러그인을 커스터마이징 하는것은 몇번 도전해 봤지만 어려운 부분이었습니다.

그건 플러그인 코드기반의 이해도가 높은 Windsurf AI 를 활용해 보는것이 조금더 좋을것 같다는 생각이 들었고 다음번에 도전해서 공유드리도록 하겠습니다.

그리고 개발된 플로그인을 정식 사이트에 등록하는 과정을 추가해서 다뤄보도록 하겠습니다.

개발된 플러그인이 필요하시다면 댓글 남겨주시면 링크 공유하도록 하겠습니다.

감사합니다.

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

1

👉 이 게시글도 읽어보세요