스마트폰에서 Codex를 통해 자택 PC를 조작하여 G검정 모의시험 앱을 공개했다

G검정 (G-Kentei) 학습용으로, 브라우저만으로 동작하는 모의시험 Web 앱을 만들었습니다.

공개 URL: https://gexam-practice.web.app

하지만 이 기사에서 쓰고 싶은 본론은 앱 그 자체가 아닙니다.

이번에 흥미로웠던 점은, 스마트폰에서의 지시만으로 자택 개발용 PC 상의 프로젝트를 Codex가 조작하게 하여, 구현부터 기사 초안 작성까지 진행할 수 있었다는 것입니다.

즉, 수중에 있었던 것은 스마트폰뿐입니다.

이번 작업의 이미지(image)는 다음과 같은 흐름입니다.

대략적으로는 다음과 같습니다.

스마트폰의 ChatGPT 앱에서 Codex에 지시한다
Codex가 자택 개발용 PC 상의 작업 디렉토리(directory)를 읽는다
Codex가 파일을 편집한다
필요에 따라 로컬(local)에서 명령어를 실행한다
Firebase Hosting을 위한 구성을 확인한다
기사 초안이나 공개용 메모까지 동일한 흐름으로 만든다

기존의 원격 개발이라기보다, 스마트폰을 개발 단말의 UI로 사용하고 자택 PC를 실제 작업 환경으로 사용하는 감각에 가깝습니다.

가장 큰 장점은 스마트폰 측에 개발 환경을 갖출 필요가 없다는 점입니다.

스마트폰으로 코드를 작성하는 것은 솔직히 힘듭니다. 화면은 좁고, 파일을 오가기 어렵고, 긴 명령어도 입력하기 어렵습니다.

하지만 Codex를 경유하면, 스마트폰에서 하는 일은 "무엇을 하고 싶은가"를 전달하는 것에 집중할 수 있습니다.

예를 들어, 이번 경우에는 다음과 같은 지시만으로 충분합니다.

G검정 모의시험 앱에 관한 기사를 쓰고 싶어.
앱 설명은 적당히 하고, 스마트폰에서 Codex를 경유해 자택 PC를 조작해서 만들었다는 점을 자세히 써줘.
설명 이미지도 만들어줘.

이 지시를 받고, Codex는 로컬 파일 구성을 확인하고, 기존 초안을 읽고, 기사의 관점을 변경하며, 이미지 생성까지 포함된 결과물로 만들어낼 수 있습니다.

사람이 스마트폰으로 세세한 편집을 하는 것이 아니라, 스마트폰에서 의도를 전달하고 실제 작업은 자택 PC 상의 Codex에 맡기는 형태입니다.

작업 대상 앱은 정적 파일(static file) 중심입니다.

public/
index.html
styles.css
...

앱 자체는 심플하며, Firebase Hosting에 public/을 배포하는 구성입니다.

{
"hosting": {
"public": "public",
...

이 정도 규모라면 Codex 입장에서도 전체를 파악하기 쉬워, 스마트폰에서의 자연어 지시만으로도 작업이 원활하게 진행됩니다.

이번과 같은 작은 Web 앱에서는 다음과 같은 작업이 특히 궁합이 좋다고 느꼈습니다.

기존 파일 확인
Markdown 기사의 구성 변경
Qiita/Zenn용 메타데이터(metadata) 조정
이미지 생성 및 배치
Firebase Hosting용 파일 구성 설명
README 및 공개 체크리스트 정비

반대로 사람이 스마트폰으로 직접 하면 번거로운 작업일수록 Codex에 맡기는 가치가 커집니다.

파일을 열고, 전후 문맥을 읽고, 다른 파일과의 정합성을 확인하고, 필요하면 이미지를 만들고, Markdown의 참조 경로를 수정한다. 이런 소소한 작업은 스마트폰 단독으로는 상당히 부하가 높습니다.

만든 앱은 G검정 수험 대비용 모의시험 앱입니다.

주요 기능은 다음과 같습니다.

실전 가정 모드
단시간 연습
분야별 연습
약점 복습
타이머
즉시 채점 및 해설 리뷰
틀린 문제의 로컬 저장

G검정은 단어를 아는 것만으로는 풀기 어려운 시험입니다. "가장 적절한 것", "부적절한 것", "실무상 주의해야 할 것"을 고르는 문제에서는 유사한 개념의 차이나 사회 구현상의 전제 지식이 요구됩니다.

그렇기 때문에 단어장이 아니라, 판단 연습을 반복할 수 있는 Web 앱으로 만들었습니다.

편리하지만, 무엇이든 전부 떠넘길 수 있는 것은 아닙니다.

특히 중요하다고 생각한 점은 다음 3가지입니다.

"이 기사를 적당히 좋게 만들어줘"라고만 하면 어느 방향으로 수정해야 할지 모호합니다.

이번 경우에는 다음과 같이 주인공을 지정하면 움직이기 쉬워집니다.

앱 설명은 적당히 하고,
스마트폰의 ChatGPT 앱을 통해 Codex에 접속하여,
Codex를 경유해 자택 개발용 PC를 조작하고 있다는 점을 자세히 설명해줘.

이것은 상당히 효과적입니다.

로컬 PC를 조작할 수 있다는 것은 편리한 반면, 영향 범위도 커진다는 것을 의미합니다.

따라서 작업 디렉토리, 대상 파일, 생성물의 저장 위치는 명확히 하는 것이 좋습니다.

이번 경우에는 대상이 주로 다음 범위입니다.

articles/qiita/gexam-practice-app.md
articles/zenn/gexam-practice-app.md
articles/assets/mobile-codex-home-pc-workflow-ja.svg
...

Codex가 명령(Command)을 실행할 수 있더라도, 최종 확인은 반드시 필요합니다.

기사라면 Markdown의 렌더링 상태, 이미지 경로, 링크, 제목, 공개 설정을 확인합니다. 앱이라면 로컬에서 실행하여 스마트폰에서의 표시 상태나 배포(Deploy) 대상에서의 동작을 확인합니다.

스마트폰으로 지시할 수 있는 것과, 확인 과정을 생략할 수 있는 것은 별개의 문제입니다.

이 개발 스타일을 발신함에 있어, 저작권과 보안은 분리해서 생각하는 것이 좋습니다.

주의해야 할 점은 다음과 같습니다.

공식 문제집이나 타 사이트의 문제 문장을 그대로 사용하지 않는다.
ChatGPT, Codex, Firebase 등의 명칭은 설명상의 고유명사로 사용하며, 공식 로고나 공식 인증처럼 보이게 하지 않는다.
생성 이미지를 사용할 경우에도 제3자의 로고, 캐릭터, 화면 디자인을 지나치게 닮게 만들지 않는다.

보안 측면에서는, Codex가 로컬 PC의 파일을 읽거나, 편집하거나, 명령을 실행할 수 있다는 점이 편리함의 핵심입니다. 즉, 편리한 만큼 조작 범위의 관리가 중요해집니다.

저는 적어도 다음과 같은 전제하에 사용하는 것이 안전하다고 생각합니다.

작업 디렉토리(Working Directory)를 한정한다.
API 키, 토큰, .env, 인증 정보를 기사나 스크린샷에 노출하지 않는다.
위험한 명령이나 외부 네트워크 액세스는 승인제로 운영한다.
변경 사항(Diff)을 확인한 후 공개 또는 배포한다.
공개되는 기사에 자택 PC의 사용자 이름, 내부 IP, 비밀 경로를 기재하지 않는다.

OpenAI의 Codex 문서에서도 Codex는 샌드박스(Sandbox)와 승인 정책을 조합하여 사용하는 것을 전제로 설명되어 있습니다. 특히 네트워크 액세스나 샌드박스를 확장하는 설정은 리스크가 높아지므로, 신뢰할 수 있는 환경에서 신중하게 사용해야 합니다.

따라서 이 기사에서 소개하는 것은 "스마트폰에서 자택 PC를 무제한으로 조작하는 방법"이 아닙니다.

대상 디렉토리를 한정하고, 필요한 조작을 확인하면서, Codex가 개발 작업을 도와주도록 하는 방법으로 소개하는 것이 정확하다고 생각합니다.

이번에 시도해보며, 이것은 단순한 "AI에게 코드를 쓰게 하는" 이야기가 아니라고 느꼈습니다.

포인트는 개발 환경 그 자체를 스마트폰에서 호출할 수 있다는 점입니다.

예를 들어, 외출 중에 떠오른 개선 사항을 스마트폰으로 던집니다. Codex가 자택 PC 상의 리포지토리(Repository)를 확인합니다. 필요한 수정안이나 초안(Draft)을 만듭니다. 귀가 후 큰 화면으로 최종 확인합니다.

이 흐름을 자연스럽게 구현할 수 있습니다.

스마트폰은 입력 장치로서는 약하지만, 지시 장치로서는 충분합니다. 여기에 Codex가 가세하면 스마트폰의 약점이었던 "세밀한 조작"을 상당히 흡수할 수 있습니다.

G검정 앱 자체는 정적인 JavaScript 앱을 Firebase Hosting으로 공개한 심플한 것입니다.

하지만 이번 주제는 그것이 아닙니다.

스마트폰 → ChatGPT 앱 → Codex → 자택 개발용 PC → Firebase Hosting 이라는 흐름을 통해, 스마트폰만을 입구로 삼아 개발 작업을 진행할 수 있었다는 점이 가장 흥미로운 부분이었습니다.

지금까지 "스마트폰으로 개발"하는 것은 상당히 무리가 있다는 인상이었지만, "스마트폰으로 지시하고, 자택 PC 상의 Codex가 작업한다"라면 현실적입니다.

작은 웹 앱, 기사 초안, README 정비, 배포 준비와 같은 작업부터 시도해본다면 이 편리함을 상당히 실감하기 쉬울 것입니다.

JDLA G검정 (G検定) 공식 페이지: https://www.jdla.org/certificate/general/
JDLA 실라버스 (Syllabus) 개정 고지: https://www.jdla.org/news/20240514001/
Firebase Hosting: https://firebase.google.com/docs/hosting
OpenAI Codex Agent 승인 및 보안 (approvals & security): https://developers.openai.com/codex/agent-approvals-security

스마트폰에서 Codex를 통해 자택 PC를 조작하여 G검정 모의시험 앱을 공개했다

요약

핵심 포인트

댓글