SYS · PORTFOLIO / LIVE

문창용 — 프론트엔드 엔지니어

복잡한 신호를 신뢰할 수 있는 인터페이스로 만듭니다.

보안, 에너지, 프론트엔드 플랫폼, 개발자 도구 영역에서 AI 기반 실시간 프론트엔드 시스템을 만듭니다.

프로젝트 살펴보기 이력서 보기LinkedIn GitHub

BASE: 대한민국 서울
LANG: 영어 / 한국어
CORE: React · TypeScript · 실시간 시스템

SIGNAL CHECK

01
AI 네이티브 인터페이스
에이전트 이벤트 스트림, 실시간 분석, 구조화된 리포트, 가이드된 액션.
02
프론트엔드 플랫폼
React 마이그레이션, 공통 검색 기반, 디자인 토큰, 인증, 재사용 컴포넌트.
03
분산 전달
마이크로프론트엔드, Module Federation, 컨테이너, CI/CD, Helm, Kubernetes.
04
실시간 시스템
보안과 태양광 에너지 제품을 관통하는 연속 이벤트 스트림 인터페이스.

SECTION 01 · WORK

주요 프로젝트

네 개의 시스템, 하나의 원칙 — 한쪽에는 이벤트 스트림이, 다른 쪽에는 행동해야 하는 사람이 있습니다.

CH-01 · AGENT STREAM / SSE

01실시간으로 스트리밍되는 AI 위협 조사

안랩 · EDR 보안 플랫폼

EDR 플랫폼은 엔드포인트 행위 로그를 AI로 분석합니다. 저는 장시간 실행되는 에이전트의 이벤트 스트림을 Server-Sent Events로 받아, 읽을 수 있고 실행 가능한 조사 화면으로 점진적으로 만들어내는 프론트엔드를 담당했습니다.

기술 상세

서버는 엔드포인트 행위 로그 파일을 처리해 AI 워크플로에 전달합니다. 프로덕트 팀은 리포트 템플릿과 구조화된 JSON/Markdown 출력 계약을, AI 팀은 인스트럭션과 에이전트 동작을 정의합니다. 프론트엔드는 이 체인의 끝에서, 아직 끝나지 않은 스트리밍 분석을 보안 분석가에게 매 순간 일관되게 보여줘야 합니다.

인터페이스는 AG-UI 기반 이벤트 프로토콜을 Server-Sent Events로 수신해 부분 분석 결과를 점진적으로 렌더링하고, 장시간 실행되는 에이전트 상태를 화면과 일치시킵니다. AI 트리아지, AI 인베스티게이션, 사전 정의된 프론트엔드 액션으로 매핑되는 권고 태그, 그리고 그 액션에서 이어지는 후속 AI 응답까지 다룹니다.

프론트엔드 담당 영역

AG-UI 기반 이벤트 프로토콜을 Server-Sent Events로 수신
에이전트 실행 중 부분 분석 결과를 점진적으로 렌더링
장시간 실행 에이전트 상태 관리 — 부분·완료·실행 가능 리포트 상태
AI 트리아지·AI 인베스티게이션 경험 구현
권고 태그를 사전 정의된 프론트엔드 액션으로 매핑하고 후속 AI 응답 트리거
스트리밍 이벤트와 UI 상태의 일관성 유지
복잡한 조사 진행 상황을 명확하게 표현

신호 경로

엔드포인트 행위 로그
리포트·인스트럭션 계약
에이전트 워크플로
에이전트 이벤트 스트림
SSE 전송
점진적 분석 UI
AI 트리아지 / 인베스티게이션
권고 액션

SYNTHETIC DEMO● IDLE

이벤트 로그

▸ 재생을 누르면 합성 조사 스트림이 시작됩니다

조사 리포트

0/4

▢ 요약
▢ 프로세스 활동
▢ 네트워크 활동
▢ 권고

프로덕션 코드가 아닌, 인터랙션 패턴을 표현한 합성 데모입니다.

기밀 정보를 보호하기 위해 일부 세부 사항과 시각 자료는 일반화되었습니다.

CH-02 · MIGRATION / AGENT WORKFLOW

02마이그레이션을 반복 가능한 시스템으로

안랩 · 엔터프라이즈 보안 제품

핵심 엔터프라이즈 보안 제품을 Vue/Nuxt에서 React로 전환하고 있습니다. 화면을 하나씩 수작업으로 옮기는 대신, 마이그레이션 자체를 엔지니어링 시스템으로 만들었습니다 — 공통 기반, 재사용 가능한 에이전트 Skill, 병렬 실행, 자동 검증. 마이그레이션 완료 처리량이 75% 이상 향상되었습니다.

기술 상세

저의 핵심 역할은 검색 중심 리스트 경험, 공통 검색·리스트 기반, 재사용 가능한 데이터 뷰 컴포넌트, 디자인 토큰 도입, React 화면 구현, 그리고 인증 마이그레이션 — OTP, 액세스 토큰·리프레시 토큰 라이프사이클을 다양한 엔터프라이즈 환경에서 — 이었습니다. 이 모든 과정에서 레거시 제품과의 시각적·동작적 동등성을 유지했습니다.

에이전트 협업은 채팅창이 아니라 시스템입니다. Claude Code를 주 코딩 에이전트로, Copilot CLI, Orca 기반 병렬 작업, 서브에이전트 워크플로, 재사용 가능한 팀 Skill을 결합했습니다. Figma Desktop MCP와 Playwright 브라우저 자동화로 Figma와 구현, 레거시 서버와 로컬 서버 스냅샷을 비교합니다. 작업 중 레거시 인증이 만료되면 워크플로가 이를 감지해 안전하게 저장된 로컬 환경 자격 증명으로 재로그인하고 인증 상태를 복구합니다 — 검증이 조용히 무력화되지 않도록. 각 마이그레이션에서 얻은 지식은 다음 마이그레이션에 재사용되고 팀과 공유됩니다.

핵심 역할

검색 중심 리스트 경험과 공통 검색·리스트 기반
재사용 가능한 데이터 뷰 컴포넌트와 디자인 토큰 도입
시각적·동작적 동등성을 유지한 React 화면 구현
OTP 인증, 다양한 엔터프라이즈 환경의 액세스·리프레시 토큰 라이프사이클
마이그레이션 워크플로 표준화 — Skill, 병렬 에이전트, 자동 검증

마이그레이션 파이프라인

명세 & Figma
재사용 Skill
병렬 에이전트 실행
React 구현
로컬 브라우저 검증
레거시 제품 비교
인증 자동 복구
시각·동작 검증
사람의 리뷰

반복되는 컨텍스트 설명
수동 비교
순차 구현
반복되는 로그인 복구
흩어진 마이그레이션 지식

이후

공유 명세
재사용 가능한 Skill
병렬 작업
자동 비교
인증 자동 복구
사람이 통제하는 리뷰
마이그레이션 간 지식 재사용

이전 워크플로 대비 마이그레이션 완료 처리량이 75% 이상 향상되었습니다.

기밀 정보를 보호하기 위해 일부 세부 사항과 시각 자료는 일반화되었습니다.

CH-03 · RUNTIME / DELIVERY

03독립적으로 배포되는 제품 모듈

안랩 · 공용 SaaS 플랫폼의 EDR 모듈

EDR 팀은 보안 다이어그램, 프로세스 트리, 정책 모듈 같은 핵심 애플리케이션을 Module Federation으로 공용 SaaS 플랫폼에 제공합니다. 브라우저 런타임 조합부터 빌드·아티팩트 체인, Kubernetes 배포까지 전체 라이프사이클을 다뤘습니다.

기술 상세

런타임 통합은 명확한 계약을 따릅니다. SaaS 호스트가 라우트·프리픽스 계약을 해석하고, mf-manifest.json을 로드하고, remoteEntry.js를 가져오고, 노출된 모듈과 런타임 에셋을 로드해 호스트에 조합합니다. 이 체인의 각 고리가 별개의 실패 지점이기 때문에 매니페스트 해석, 리모트 엔트리 해석, 노출 모듈 로딩, 런타임 에셋 로딩, Module Federation 브라우저 도구 검사, 호스트 통합, HMR 동작까지 검증했습니다.

전달 경로도 명시적입니다. 프론트엔드 빌드 → Docker/Podman 이미지 → 컨테이너 레지스트리(Harbor) → Jenkins → Helm 차트 → Kubernetes 배포. 전체 경로를 이해하는 것이 독립 배포 프론트엔드를 실제로 독립적이게 만듭니다.

대표 모듈

보안 다이어그램
프로세스 트리 경험
정책 관련 모듈

SaaS 호스트
라우트·프리픽스 계약
mf-manifest.json
remoteEntry.js
노출 모듈
런타임 에셋
호스트 통합

엔드 투 엔드 검증

매니페스트 해석
리모트 엔트리 해석
노출 모듈 로딩
런타임 에셋 로딩
MF 브라우저 도구 검사
호스트 통합
HMR 동작

기밀 정보를 보호하기 위해 일부 세부 사항과 시각 자료는 일반화되었습니다.

CH-04 · ENERGY / TELEMETRY

04리전을 넘나드는 실시간 에너지 운영

한화솔루션 큐셀부문 · 프론트엔드 개발자 · 2023.01 – 2024.10 · 서울

태양광 가정용 에너지 시스템(HEMS)의 웹 모니터링·제어: SSE 실시간 텔레메트리, 에너지 흐름 시각화, 권한 기반 제어, JavaScript → TypeScript 마이그레이션 — 미국·유럽·호주 리전에 배포했습니다. 이벤트 스트림 자체를 제품으로 다루는 법을 처음 배운 곳입니다.

기술 상세

HEMS 모니터링·제어, mapped 타입·문자열 리터럴 타입·템플릿 리터럴 타입을 활용한 JavaScript → TypeScript 마이그레이션, VPP 프로젝트의 Nuxt 기반 SSR, 단위 변환, 권한 기반 UI, Lerna 모노레포 관리, 세 개 리전에 걸친 Bitbucket/Jenkins CI/CD까지 폭넓게 담당했습니다.

악천후 시 백업 에너지를 자동으로 확보하는 동작을 발명해 특허를 출원하기도 했습니다. 그리고 이 경험이 이후의 모든 것의 출발점이 되었습니다 — 태양광 이벤트 스트림은 보안 이벤트 스트림이 되었고, 다시 AI 에이전트 이벤트 스트림이 되었습니다. 같은 원칙, 더 높은 무게.

스트림의 계보

태양광 이벤트 스트림 → 보안 이벤트 스트림 → AI 에이전트 이벤트 스트림

에너지 신호 경로

태양광 발전
가정 소비
배터리
전력망
실시간 이벤트 스트림
권한 기반 모니터링·제어

SSE 스트림 → 모니터링·제어

기밀 정보를 보호하기 위해 일부 세부 사항과 시각 자료는 일반화되었습니다.

CH-05 · 정책 DSL / 작성 지원

05작성자를 안내하는 보안 정책 언어

왜 중요했는가

사용자는 모든 필드와 연산자, 다음 입력 규칙을 외울 필요가 없었습니다. 에디터는 현재 문맥에 맞춰 선택지를 좁혀주고, 서버 검증 결과를 수정이 필요한 정확한 위치에 표시했습니다.

특히 복잡한 정책 작성을 쉽게 만들어준 자동완성 경험에 대해 고객의 긍정적인 반응을 확인했습니다.

보안 정책은 평가 엔진의 의미 체계와 연결된 SQL 유사 도메인 언어로 작성되었습니다. 프론트엔드의 핵심 과제는 단순히 코드를 보여주는 것이 아니라, 사용자가 전체 문법을 외우지 않고도 올바른 정책을 작성하도록 안내하는 것이었습니다.

문맥 기반 자동완성, 필드 타입별 연산자 추천, 중첩 표현식 안내, 여러 줄 입력 처리, 그리고 서버 검증 오류를 정확한 에디터 위치에 표시하는 Monaco 기반 작성 경험을 설계했습니다.

01
문맥 기반 자동완성
제안은 문법 위치를 따릅니다. 시작에는 필드, 필드 뒤에는 연산자, 연산자 뒤에는 값 — 모든 키워드를 한꺼번에 나열하지 않습니다.
02
필드 타입별 연산자
숫자 필드에는 CONTAINS가 나타나지 않고, 불리언 필드에는 true/false가 제안됩니다. 정책 엔진의 타입 체계가 메뉴를 결정합니다.
03
중첩 표현식 안내
괄호 짝 강조, 활성 범위 표시, 표현식 트리가 깊은 AND/OR 그룹을 읽기 쉽게 유지합니다.
04
정확한 위치의 오류 표시
서버 검증은 코드·메시지·소스 위치를 반환하고, 프론트엔드는 이를 잘못된 토큰 위의 Monaco 마커로 변환합니다.

POLICY LABSYNTHETIC DSL

policy.rule — 예시

(
  process.name = "browser"
  AND (
    network.destination.port IN [443, 8443]
    OR process.risk_score >= 80
  )
)
THEN classify AS "review"

기밀 보호를 위해 문법, 필드, 검증 응답을 일반화한 가상의 인터랙션입니다.

이 인터랙션이 보여주는 것

01
조건 작성하기 — 자동완성이 문법을 따라갑니다: 필드, 호환 연산자, 타입에 맞는 값, 이어지는 논리.
02
중첩 논리 살펴보기 — 활성 괄호 범위와 표현식 트리가 깊은 그룹 구조를 설명합니다.
03
요청 데이터 확인하기 — 여러 줄 입력이 의미를 유지한 채 요청 표현으로 정규화됩니다.
04
잘못된 토큰 찾기 — 시뮬레이션된 서버 오류가 잘못된 연산자 토큰 위에 정확히 표시되고, 원클릭 수정을 제안합니다.

동작 원리

각 단계를 선택하면 프론트엔드가 그 시점에 하는 일을 볼 수 있습니다.

01에디터 콘텐츠
원본 정책 텍스트와 커서 위치가 현재 작성 문맥의 출발점입니다.
02토큰·문맥 분석
사용자가 필드, 연산자, 값, 논리 연결, 액션 중 무엇을 입력하는 중인지 판별합니다.
03문맥 기반 제안
필드 타입, 문법 위치, 활성 그룹 범위에 따라 자동완성 목록을 필터링합니다.
04요청 정규화
여러 줄 입력을 논리적 의미를 바꾸지 않고 평가 서비스가 기대하는 요청 표현으로 변환합니다.
05평가 서비스
백엔드가 구문과 정책 의미를 평가합니다.
06구조화된 검증 응답
서버가 오류 코드, 메시지, 소스 위치를 반환합니다.
07Monaco 마커 범위
프론트엔드가 소스 위치를 에디터 범위로 변환합니다.
08정확한 인라인 피드백
잘못된 토큰이 정확히 표시되어 전체 표현식을 뒤지지 않고 바로 수정할 수 있습니다.

기밀 보호를 위해 문법, 필드, 검증 응답을 일반화한 가상의 인터랙션입니다.

SECTION 02 · EXPERIENCE

경력

제품을 만든 두 번의 챕터, 그리고 그 앞에 놓인 연구와 전략 경험.

2025년 7월 – 현재
안랩 (AhnLab)
프론트엔드 개발자 · 경기도 성남시
EDR 및 SaaS 보안 제품을 만드는 프론트엔드 엔지니어로서 AI 기반 위협 조사 경험, 대규모 React 마이그레이션, 실시간 데이터, 프론트엔드 플랫폼 아키텍처에 집중하고 있습니다.
주요 경험
- AI 기반 실시간 조사 인터페이스: SSE 기반 에이전트 이벤트 스트림, AI 트리아지·AI 인베스티게이션, 권고 태그 기반 후속 액션
- 핵심 제품의 Vue/Nuxt → React 마이그레이션: 공통 검색·리스트 기반, 디자인 토큰 도입, 시각·동작 동등성 검증
- 엔터프라이즈 인증 마이그레이션: OTP, 액세스 토큰·리프레시 토큰 라이프사이클을 다양한 환경에서 처리
- AI 협업 엔지니어링: Claude Code·Copilot CLI 워크플로, Orca 병렬 실행, 서브에이전트, 재사용 가능한 팀 Skill — 마이그레이션 완료 처리량 75% 이상 향상
- Figma·Playwright 기반 시각 동등성 검증, 레거시/로컬 비교, 인증 세션 자동 복구 워크플로
- Module Federation 기반 독립 배포 모듈: Docker/Podman, Harbor, Jenkins, Helm, Kubernetes로 전달
- Monaco 기반 보안 정책 DSL 편집 경험과 Storybook 디자인 시스템 기반 구축
- Vitest·Playwright 테스트, Confluence의 Claude Code 플레이북, Obsidian 기반 사내 LLM 트러블슈팅 위키
- 글로벌 협업을 위한 영어 커뮤니케이션
2023년 1월 – 2024년 10월
한화솔루션 큐셀부문
프론트엔드 개발자 · 서울
태양광 에너지 제품의 실시간 모니터링·제어 시스템과 플랫폼 기반을 만들었습니다.
주요 경험
- 태양광 HEMS 웹 모니터링·제어 시스템 개발
- Mapped·문자열 리터럴·템플릿 리터럴 타입을 활용한 JavaScript → TypeScript 마이그레이션
- SSE 기반 실시간 에너지 텔레메트리, 에너지 흐름 시각화, 단위 변환 처리
- VPP(가상 발전소) 프로젝트의 Nuxt 기반 SSR
- 권한 기반 모니터링·제어 UI
- Lerna 모노레포 관리, Bitbucket·Jenkins CI/CD
- 미국·유럽·호주 리전 배포
- 악천후 시 백업 에너지 자동 확보 동작에 대한 발명 및 특허 출원
2021년 7월 – 2021년 10월
서울대학교
머신러닝 인턴 · 서울
Python, pandas, 나노포어 데이터, 시퀀싱 파일 파이프라인을 활용해 direct RNA 시퀀싱 연구에 머신러닝과 데이터 처리 기법을 적용했습니다.
- · 나노포어 시퀀싱 데이터 처리 및 인덱싱
- · pandas DataFrame 기반 확률 분포 분석
- · FASTQ·BAM·SAM 파일 처리
- · 머신러닝 연구 지원
2020년 1월 – 2020년 6월
GTL U.S. LLC
전략 컨설턴트 인턴 · 미국 시카고
영어권 환경에서 미국·한국 시장 조사, SWOT 분석, 고객 타기팅, 전략 제안을 수행했습니다.
- · 미국·한국 시장 조사
- · SWOT 분석 및 고객 타기팅
- · 시장 진출 전략 제안

SECTION 03 · CAPABILITIES

역량

문제를 푸는 방식을 기준으로 정리했습니다 — 로고 나열도, 퍼센트 막대도 없습니다.

아키텍처

프론트엔드를 명시적 계약을 가진 시스템으로 설계합니다 — 공통 기반이 먼저, 화면은 그다음. 마이크로프론트엔드와 모노레포는 유행어가 아니라 경계입니다. 각 모듈이 소스부터 배포까지 자기 라이프사이클을 소유합니다.

작업 도구

React
Vue
Next.js
Nuxt
TypeScript
Frontend architecture
Microfrontends
Module Federation
Monorepos
Shared component systems
Design tokens
Storybook

실시간 & 데이터

스트림은 제 주 무대입니다. 태양광 텔레메트리, 보안 이벤트, AI 에이전트 이벤트 — 반복되는 문제는 하나입니다. 장시간 실행되며 부분적으로만 도착한 진실을 SSE 전송부터 인증 상태까지 화면 위에서 일관되게 유지하는 것.

작업 도구

Server-Sent Events
Event-driven UI
AI agent event streams
Search-intensive applications
Data visualization
Authentication state
Long-running asynchronous workflows

품질 & 전달

검증은 기대하는 것이 아니라 설계하는 것입니다. 레거시 제품·Figma와의 시각 동등성 비교, 실제 브라우저에서의 E2E 테스트, 그리고 컨테이너 이미지 → 레지스트리 → Helm → Kubernetes까지 추론 가능한 전달 체인.

작업 도구

Playwright
Vitest
Visual-parity validation
End-to-end testing
CI/CD
Docker
Podman
Jenkins
Harbor
Helm
Kubernetes

AI 협업 엔지니어링

코드만이 아니라 워크플로를 엔지니어링합니다. 반복 작업은 명세가 되고, 명세는 재사용 가능한 Skill이 되고, Skill은 실제 브라우저로 검증되는 병렬 에이전트로 실행됩니다 — 아키텍처와 리뷰는 사람이 소유하고, 지식은 다음 사람을 위해 기록합니다.

작업 도구

Claude Code
Copilot CLI
Parallel agents
Subagents
Reusable Skills
Specification-driven workflows
Browser-based validation
Team documentation
LLM-oriented knowledge reuse

SECTION 04 · WORKFLOW

인터페이스만이 아니라, 워크플로를 엔지니어링합니다

실용적인 AI 엔지니어링은 도구 목록이 아닙니다. 반복을 발견하고, 패턴으로 만들고, 검증된 자동화가 그 반복을 대신 지게 하는 것 — 아키텍처와 리뷰는 사람이 지킵니다.

루프

반복 관찰
패턴 추출
Skill로 인코딩
병렬 실행
브라우저·테스트 검증
사람의 리뷰
지식 공유
다음 반복 개선

01
반복 작업은 재사용 가능한 Skill과 에이전트 워크플로가 됩니다 — 하나의 채팅창이 아닌 병렬 에이전트로.
02
브라우저 자동화가 레거시 제품·Figma와 결과를 대조하고, 아키텍처와 리뷰는 사람이 책임집니다.
03
유용한 Claude Code 패턴은 Confluence에, 트러블슈팅 지식은 Obsidian 기반 사내 LLM 위키에 기록합니다.
04
이전 컨텍스트를 재사용해 반복 조사와 토큰 사용을 줄입니다 — 각 마이그레이션이 다음 마이그레이션을 개선합니다.

SECTION 05 · EXPERIMENTS

출시 완료 / 개인 프로젝트

직무 케이스 스터디와 명확히 구분되는 독립 개인 프로젝트로, 완성된 결과를 브라우저에서 직접 체험할 수 있습니다.

출시 완료개인 프로젝트

OpenAI Build Week — Codex Web Education

접근성 대화상자, Flexbox, 모션, 결정적 SSE, 상태 관리를 다루는 다섯 개의 실습 미션으로 구성한 한·영 디버깅 아레나입니다. 안전한 수리 설정을 바꾸면 UI와 소스가 즉시 반응하고, 실제 브라우저 검사를 통과한 결과만 버그 보스에게 피해를 줍니다. Codex와 GPT-5.6을 활용해 만들었으며 선택적으로 로컬 Ollama 코치를 사용할 수 있습니다.

OpenAI Build Week 제출 완료
안랩과 무관한 독립 개인 프로젝트입니다

라이브 데모 Devpost GitHub 데모 영상

SECTION 06 · ABOUT

소개

저는 실시간 동작, 신뢰성, 아키텍처가 중요한 복잡한 데이터 집약적 제품에 집중하는 프론트엔드 엔지니어입니다.

엔드포인트 보안, 태양광 에너지, 머신러닝 연구, 미국–한국 전략 업무를 거쳐 왔습니다. 복잡한 백엔드·보안·데이터·AI 워크플로를 이해할 수 있고 신뢰할 수 있는 사용자 경험으로 옮기는 일을 좋아합니다.

주요 관심사는 프론트엔드 아키텍처, AI 네이티브 인터페이스, 실시간 시스템, 개발자 생산성, 플랫폼 엔지니어링, 글로벌 제품입니다.

10년 이상 영어권 환경에서 지내 엔지니어링, 프로덕트, 디자인, 고객, 국제 팀과의 협업이 자연스럽습니다.

SECTION 07 · CONTACT

연락처

지금 가장 빠른 채널입니다. 공개 이메일 주소는 추후 추가됩니다.

복잡한 신호를 신뢰할 수 있는 인터페이스로 만듭니다.

AI 네이티브 인터페이스

프론트엔드 플랫폼

분산 전달

실시간 시스템

01실시간으로 스트리밍되는 AI 위협 조사

프론트엔드 담당 영역

신호 경로

이벤트 로그

조사 리포트

02마이그레이션을 반복 가능한 시스템으로

핵심 역할

마이그레이션 파이프라인

이전

이후

03독립적으로 배포되는 제품 모듈

대표 모듈

엔드 투 엔드 검증

04리전을 넘나드는 실시간 에너지 운영

스트림의 계보

에너지 신호 경로

05작성자를 안내하는 보안 정책 언어

왜 중요했는가

문맥 기반 자동완성

필드 타입별 연산자

중첩 표현식 안내

정확한 위치의 오류 표시

이 인터랙션이 보여주는 것

동작 원리

안랩 (AhnLab)

한화솔루션 큐셀부문

서울대학교

GTL U.S. LLC

아키텍처

작업 도구

실시간 & 데이터

작업 도구

품질 & 전달

작업 도구

AI 협업 엔지니어링

작업 도구

루프

OpenAI Build Week — Codex Web Education