AI 코딩 입문자가 가장 먼저 버려야 할 생각은 “코드를 대신 쳐주는 도구”라는 인식입니다. Codex는 작업을 받아 초안을 만들고, 사람이 범위를 잡고, 검증 명령으로 확인하는 흐름에서 가장 잘 작동합니다.
이 가이드는 OpenAI Codex 제품, 정책, 표준 변경에 따라 이후 달라질 수 있습니다.
auth/LoginForm.tsx, auth/useLogin.ts, auth/LoginForm.test.tsxnpm test -- auth로 검증합니다.
// 문제: 에러 상태가 setLoading(true) 시점에 초기화됨
export function useLogin() {
const [error, setError] = useState<string | null>(null);
const [isLoading, setIsLoading] = useState(false);
const login = async (email: string, password: string) => {
setError(null); // ← 여기서 지워짐
setIsLoading(true); // ← 화면이 다시 그려지면서 에러가 사라짐
try {
await authApi.login(email, password);
} catch (err) {
setError('로그인에 실패했습니다.');
} finally {
setIsLoading(false);
}
};
return { login, error, isLoading };
}
npm test -- auth 기준으로 회귀 여부를 확인하게 합니다.npm test -- auth 같은 검증 기준을 함께 주면 결과 리뷰가 쉬워집니다.단계를 선택하면 어느 채널에서 어떤 요청을 하면 좋은지 볼 수 있습니다.
로그인 에러 메시지가 사라지는 문제를 보고, 왜 이 문제가 입문자가 맡기기 좋은 작업인지 적어보세요.
설명 먼저 → 작은 수정 → 테스트 추가 흐름으로 Codex에게 어떤 순서로 요청할지 정리해보세요.