ChatGPT Codex와 GitHub 연동 방법, AI가 내 저장소를 직접 수정하게 만드는 가장 쉬운 방법 (Lovable 크레딧 아끼기)

Lovable에서 전체적인 앱 틀을 만들고,

GitHub저장소에 저장을 해 놓았습니다.

목차박스

1. 왜 GitHub에서 직접 수정하려고 했을까? 2. Codex는 GitHub를 2가지 방법으로 연결합니다 3. Codex - GitHub 연동, 웹에서만 가능 4. 이제 자동연동인가요? 5. 마무리

 

1. 왜 GitHub에서 직접 수정하려고 했을까?

Lovable에서 계속 작업하면 크레딧이 나가니까

GitHub 저장소에서 수정하려고 했는데,

버튼 하나를 수정하려고 해도

어떤 함수가 실행되는지 직접 추적하는 데

생각보다 많은 시간이 걸렸습니다.

 

그래서

Codex에서 수정해서

Codex→ GitHub → Lovable

로 진행하려고 합니다. 

 

이제는 Lovable에서 앱을 만들고,

GitHub저장소를 거쳐

Codex가 코드를 수정하는

새로운 작업 방식이 훨씬 효율적일 수 있어요.

 

2. Codex는 GitHub를 두 가지 방식으로 연결합니다

1. 복사해서 로컬 저장소를 사용하는 방식 
2. GitHub 앱(커넥터)을 연결하는 방식

이번 글에서는 2번의 방법을 알려드릴게요.

이 방식은 코드를 컴퓨터로 내려받지 않아도

OpenAI가 GitHub 저장소에 직접 접근해

수정할 수 있도록 권한을 연결하는 방식입니다.

 

1. 챗GPT 앱 상단에 "ChatGPT▼" 클릭하면 코덱스가 보여요.

 

2. ChatGPT / Codex 하단 설정
→ "Git"이 보이고 "연결"이 보이지만
여기에 GitHub 연결 메뉴는 없어요.

 

3. Codex - GitHub 연동 (웹에서만 가능)

Codex 웹 접속→클라우드 이동→GitHub 연결 과정을 따라오세요.

 

 

 

1. 클라우드로 이동

앱에서는 연결 화면이 없고 웹으로 들어가서 연결해야 합니다.

https://chatgpt.com/ko-KR/codex/

주소로 들어가서, 우측 상단 "클라우드로 이동" 클릭하면 아래 화면이 보입니다. 

여기 아래 "깃허브 연결" 버튼이 보이죠.

깃허브 연결 클릭

MFA 켜고 계속 진행 클릭- 이메일 전화번호로 인증합니다.

 

2. 채팅창에 "리포지터리 선택"

→ "GitHub에서 저장소 구성 " 클릭 

 

3. All repositories → Install & Authorize

아래 화면은 GitHub 저장소에 대한 Codex 권한을 설정하는 마지막 단계입니다.

All repositories(모든 저장소) 이대로 해도 되고,

특정 저장소만 허용하고 싶다면

Only select repositories를 선택해서 지정해도 됩니다.

 

4. 설치가 완료되면 ChatGPT화면으로 돌아옵니다.

채팅창 아래 깃허브 플러그인이 연결된 표시가 보이네요.

 

이제 여기서

"xxxxxxx 저장소를 열고 파일 구조를 보여줘"

이런 식으로  GitHub 저장소를 대상으로 작업할 수 있게 됩니다. 

 

4. 이제 자동연동인가요?

Lovable 에서는 저장하면 거의 바로 GitHub에 반영됩니다.

 

그러나 Codex는 조금 달라요.

아래와 같이 움직입니다.

GitHub 저장소→Codex가 작업 → 브랜치 생성 →커밋 →Pull Request(PR) 생성 →내가 Merge →GitHub 반영

 

처음에는 용어가 낯설게 느껴질 수 있습니다.

즉, 자동으로 반영하지 않는다는 것입니다. 

더 안전하게 하기 위해서이죠.

1. 브랜치 생성 : 원본은 두고 복사본을 만들어요. 이 수정본을 브랜치라고 합니다.
2. 커밋 : 수정을 끝내고 저장하는 것을 커밋이라고 해요 =save
3. PR생성 : "수정 다 했으니 원본에 적용해"라고 요청하는 것을  PR이라고 합니다.
4. Merge : 그럼 우리는 "응 적용해" 버튼을 누르면 수정본이 원본에 합쳐져요. 이걸 Merge라고 부르죠.

Codex에게

"main 브랜치에 직접 커밋해."

"PR 만들지 말고 바로 GitHub에 반영해 ."

라고 채팅창에서 작업할 수도 있어요.

기본값은 PR을 만드는 것이 더 안전한 방식이라는 것이죠.

 

저처럼 혼자 개발하는 프로젝트는 굳이 매번 PR을 만들 필요가 없으니,

Lovable처럼 바로 GitHub에 반영하는 방식으로 설정해서 사용하면 됩니다. 

 

5. 마무리

Lovable는 빠르게 앱의 뼈대를 만들고,

GitHub는 코드를 안전하게 관리하며,

Codex는 필요한 부분을 정확하게 수정해 줍니다.

 

(참고 : Cursor는 내가 직접 코드 찾아서 편집하는데 특화되어 있어요. F5로 검색해서 연관된 부분을 전부 찾아서 수정할 수 있어요. Codex는 직접 찾아서 분석하고 수정하는 걸 한 번에 처리해 주고요.)

 

이 세 가지를 연결하면

함께 개발하는 파트너가 됩니다.

 

오늘 한 번 GitHub 저장소를

Codex와 연결해 보세요.

개발속도가 더 빨라질 거예요.

 

 

 

 

[7. 덜어내는, 생활감각] - Lovable, Codex 앱 만들기, 직접 써본 솔직 후기 (영단어 암기 앱)

Lovable, Codex 앱 만들기, 직접 써본 솔직 후기 (영단어 암기 앱)

 

[7. 덜어내는, 생활감각] - Lovable로 AI 오답노트 앱 만들기 (GitHub · Codex까지 활용)

Lovable로 AI 오답노트 앱 만들기 (GitHub · Codex까지 활용)

 

[7. 덜어내는, 생활감각] - Lovable 로그인 기능 넣기_Supabase 연결 삽질기와 Lovable Cloud

Lovable 로그인 기능 넣기_Supabase 연결 삽질기와 Lovable Cloud