챗지피티 앱 만들기 두번째 사례 feat 쉽지않다... 😭

11월 22일 토요일 오후 (혼자 개발 시작) 

2시부터 6시까지,,,! 

  1. 크롬 disable (용수님이 알려주신대로) 

Google 검색 페이지의 스크린샷

  1. 깃허브에서 솔라 폴더 다운로드 

(여기서 너무 헷갈렸습니다. examples에 솔라만 어떻게 다운로드를 받는 것인지…? 링크에는 피자랑 솔라가 섞여있었거든요 ㅠ)

그래서 그냥 솔라, 피자 앱 관계없이 내가 만든 앱 코드로만 만들순 없냐 지피티에게 물어봤더니, ChatGPT 내부 앱을 만들려면 반드시 ‘서버 + manifest’ 구조로 가야 해.

즉, pizza 앱 / solar 앱 같은 OpenAI 공식 예제 구조를 기반으로 해야 한다. 라고 하네요! 

-> 그래서 일단 기존의 피자앱으로 진행했어요; 

Python 프로그램에 대한 정보가 포함된 한국 웹사이트의 스크린샷

  1. 지피티가 폴더 구조를 이렇게 하라고 알려줌 (일단 한번 더 믿고 해봅니다…. ) 

한국어 코딩 언어의 스크린샷

3-1. 지피티 따라하다가 또 망할거 같아서, 커서에서 클로드코드로 작업했습니다. 

3-2. 클로드코드가 개발 작업을 대신해주었고,,,, 놀랍게도 크롬에 딱 띄워졌어요! 

보라색 배경의 웹페이지 스크린샷

[이슈 발생: 디자인이 변색되어 보이는 이슈]

 문제는; 

제가 피그마에서 디자인한 컬러가 변색되어;;; 아래처럼 희미한 화이트로 띄워지는 문제가 발생했습니다 ㅠㅠ 

피그마에서 사용하는 효과 중에 클코에서 반영을 못하는 효과가 있나? 생각했어요.. (일단 지금 당장 수정하기 너무 귀찮아서..)

일단 챗지피티에서 띄워보고 싶으니까…. 이 상태로 지피티로 가져가봅니다.. 

앱의 출생 정보 페이지 스크린샷

  1. 챗지피티에서 테스트 

개발자 모드 > mcp 서버  (ngrok이 또 문제가… 설치는 했는데 brew install ngrok 호출을 했을때 found하지 못했다는 에러가 다시 발생했습니다)

-> 혼자 또 헤매이다가… 클로드코드에 물어보니 바로 해결을 해줬어요;

[이슈발생: 커넥터 만들기 실패]

여기서 만들기 버튼이 계속 돌다가, 결국 타임아웃으로 만들기를 실패합니다. 

-> 다시 이 이슈를 클코로 가져왔구요! 클코에서 mcp서버에 문제가 있는거 같다며 다시 수정을 해주었으나, 결과는 한번 더 만들기 실패ㅜ! 를 했어요.

세번째로는 sse를 mcp로 변경해서 만들기를 시도 했구요.

이번엔 하기 에러가 떴습니다. 

unhandled errors in a TaskGroup (1 sub-exception)

네번째 수정 후 시도도 실패 

(예전 피자앱과 같은 포트를 사용해서 실패했던 것으로 추측) 

5번째 수정 후 시도 실패 

6번째에 기존 피자앱과의 연결을 끊고 시도 -> 또 실패할까봐 너무 조마조마 했습니다// 

근데 성공이었어요

[또 이슈 발생…: 호출은 되는데, 앱 ui가 안뜨는 이슈]

호출을 되는데 ㅠ ui가 안뜹니다……. 

점성술 읽기 - 스크린샷

ui는 안보여주고 계속 텍스트로 대답을 하는 이슈

점성술 내용이 포함된 문자 메시지의 스크린샷

[헉 눈물….. 위의 오류에서 다시 한시간 가량은 싸움끝에…. 떴습니다… ㅠㅠㅠㅠ 전.. 이제 좀 쉴래요.. 😭] 

컴퓨터의 설정 페이지 스크린샷

[질문] 

  1. 깃에서 다운로드 받은 폴더 중에 피자가 아닌 solar를 사용한다는 것의 의미가 무엇인지 모르겠어요. (깃 다운로드 링크에 솔라가 따로 있는게 아니라, 피자랑 섞여있습니다) 

  2. 기존 피자앱의 폴더에서 어떤것들을 삭제해야 하나요? 아니면, 어떤 요소든 삭제할 필요가 없는 것일까요…?

 3. 기존 피자앱의 src 폴더에 제가 만든 앱의 폴더 전체를 넣으면 되는 것일지, 아니면 제가 만든 앱의 특정 요소만을 넣는 것일까요? (우선 제가 만든 코드 안에는 

도움 받은 글 (옵션)

용수님의 크롬 관련 조언 + 클로드코드랑 씨름....

1
1개의 답글

👉 이 게시글도 읽어보세요