[지피터스 15기] 바이오/의료 인공지능 연구자를 위한 포트폴리오 홈페이지 만들기

소개

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

체내 대사 변화를 추적할 수 있는 [Interactive network graph] 을 제작하고,

이를 기반으로 개인의 전문성을 드러낼 수 있는 [포트폴리오 웹 사이트] 을 개발하였습니다.

목표는 1 시간 이내 MVP 를 제작하는 것에 있었습니다.

진행 방법

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

Step.1 (성공)

[Model]

Claude Sonnet Extended

[Prompt]

Response in english :

Interactive network graph 가 landing page 인 홈페이지를 만들고 싶어.

검은 배경에 하얀색 Interactive network graph 이다.

각 node 에 커서를 갖다대면 node가 커지면서 metabolite 의 이름이 떠야한다.

도트 네트워크를 보여주는 웹 브라우저의 스크린 샷

Step.2 (실패)

[Model]

Lovable

[Prompt]

다음 코드가 main landing page 가 되는 개인 홈페이지를 만들어줘.

[개인적인 피드백; 실패 요인]

-> 장점 : 매우 전문적이고, 디테일한 수준의 홈페이지 제작은 가능함.

-> 단점 : 지시했던 interactive network graph 코드를 전혀 반영하지 않음. 즉, 작성자의 지시를 일부 무시하고, Lovable 자체적으로 홈페이지를 만들어 버리는 경향이 있음.

실험실에서 과학자와 함께 웹 사이트의 스크린 샷
네트워크 다이어그램을 보여주는 웹 페이지의 스크린 샷
분자 네트워크 복잡성을 탐색하는 단어가있는 웹 페이지의 스크린 샷


Step.2 (성공)

[Model]

Bolt.new

[Prompt] #Lovable 에서 사용한 동일한 prompt 를 사용함.

다음 코드가 main landing page 가 되는 개인 홈페이지를 만들어줘.

[개인적인 피드백; 성공 요인]

아래 영상을 확인하면, Interactive network graph 을 반영한 개인 포트폴리오가 생성된 것을 확인할 수 있음.

다만, User 의 지시가 부재한 경우에는 Lovable 과 같이 자체적으로 제시하는 디테일하고 다양한 기능들이 반영되지 않음.

Dongyong Lee의 웹 사이트는 화면에 표시됩니다

결과와 배운 점

각 인공지능 모델 별로 강점과 단점이 존재하기 때문에 MVP 를 통해 실제로 각 모델들의 특징을 느끼는 것이 중요하다. 따라서, 사용자의 목적에 따른 모델 선정 계획이 필요할 것으로 보인다. 이를 위해 지피터스, Threads 와 같은 커뮤니티의 중요성을 다시 한 번 제고된다고 사료된다.

7
2개의 답글

👉 이 게시글도 읽어보세요