콘텐츠로 건너뛰기
- By - Lueim
- Posted on
- Posted in 작업 기록
260706_멀티 에이전트를 통한 웹앱 뽀모도로 제작
- 옵시디언을 기록/참고 공간으로 두고 TOML 파일을 생성함
- Codex Subagent를 활용해서 멀티 에이전트를 구성함
- 구성한 멀티 에이전트를 어떻게 활용할까 하다가 바로 전에 만든 뽀모도로 타이머를 다시 만들어보기로 함
- 시간은 검색한 뽀모도로 타이머 중에서 적당한 것으로 골라서,
- 무턱대로 저 모양대로 참고해서 만들어달라고 함
- 위 사진을 이래저래 참고한다고 뚝딱뚝딱 하더니
- 초안을 내놓음
- 뜻모를 그라데이션 하며,
- 무엇을 참고한건지 모르는 내용이 꽤 많았음
- 그래도 25분의 집중 시간, 짧은 휴식을 포함해서
- 긴 휴식, 긴 휴식 주기 등의 커스터마이징이 가능하고.
- 현재 뽀모도로를 돌리는 개별 프로젝트도 관리가 가능했음
- 다만 프로젝트 컬러 선택창이 조악하고, 색깔 명칭도 ‘팔레트 1’ 같은 직관적이지 않은 용어임
- 멀티에이전트를 활용하니 확실히 좋은 점은 아래 내용처럼 별도로 검증하는 체계가 생겨서 내가 손 댈 부분이 꽤 줄어든다는 점이다.
- 그리고 아래 사진처럼 동시에 승인 요청이 들어오기도 한다.
- 제목이나 컬러컨셉이 없는 상태라 여전히 조악하지만 일단 타이머같은 느낌은 조금 난다.
- 이어서 아래 사진들처럼 세부적인 디자인 조정작업을 계속 했다.
- 타이머 시간 바 사이 간격이 너무 넓어서 크기랑 폭을 넓혀달라고 함
- 바 크기를 키워달라니 너무 커져서 원 바깥으로 나간 상황
- 만들다보니 몬드리안의 사격 블럭처럼 하단 메뉴바 모양을 만들면 좋을 듯 싶어서 요청함
- 웹앱 타이머의 이름도 ‘POMO TIMER’로 우선 정하고 타이틀 공간을 깔끔하게 정비함
- 다만 폰트와 박스, 테이블 구성을 세부적으로 프롬프트를 이용해서 조정하기가 어려움
- 이런 세부적인 튜닝을 하는 건 결국 사람이 직접 해야하는데, 그걸 어떻게 편하게 할 수 있을지도 고민해봐야겠음
- 글을 적다보니, 각 개체별 위치정보가 나와있는 문서와 세부위치를 확인해달라고 한 다음에
- 직접 만지는 것도 방법이겠음
- 아니면 저걸 조정할 툴을 하나 만들어달라고 하는것도 좋겠음
- 나는 디자인 전문가가 아니기에 저런 세부작업은 만져가면서 보는 편인데,
- 그런 만지는 작업을 매번 LLM에 요청하는 것은 비효율적임
- 이렇게 형태는 만들었지만, 아직 부족한 부분이 많음
- 저런 웹앱을 어떻게 설치하고 배포하는지,
- 기본적인 구조에 대해 모르는 것이 너무 많음
- 다만 이런건 같은 도메인에서 두세 번 해보면 조금은 익숙해져서 금새 수행 가능할 것으로 보임
- 이 웹앱을 아이폰에서 열어볼 수 있게 하는 것부터 시작해야겠음
