코덱스 CLI + Warp 터미널 왕초보 가이드(덕테이프 이미지 포함 랜딩 페이지 제작까지)
검정색 터미널이 무서워서 Codex CLI 근처에도 못 가셨던 분들을 위한 초입문 가이드입니다. Codex 앱과 Codex CLI가 어떻게 다른지, Warp 같은 터미널 프로그램이 진짜 해주는 게 뭔지, 그리고 폴더 이동(cd) 한 줄만 넘으면 왜 그 다음부터는 별 문제가 없는지를 차근차근 풀어봤습니다. 마지막에는 design.md 사이트에서 가져온 디자인 가이드 + Codex CLI 이미지 생성 기능으로 인테리어 업체 랜딩페이지(Next.js)까지 바이브코딩으로 한 번에 뽑아봅니다.
[도서 구매][Yes24] : https://www.yes24.com/product/goods/183530330
[도서 구매][교보] : https://product.kyobobook.co.k....r/detail/S0002195189
오픈카톡방 : https://open.kakao.com/o/ggK7EAJh
타임라인
0:00 오늘의 주제 — Codex CLI 초입문 가이드
0:36 Codex 앱 vs Codex CLI, 뭐가 어떻게 다른가
2:31 이 강의는 누구를 위한 영상인가
2:48 Warp 쓴다고 실력이 늘지 않는다 — 오해 풀기
4:59 터미널·셸·껍데기 개념 정리 (자동차 트림 비유)
10:33 Unix 계열 vs Windows, 왜 mac에서 에이전트가 더 부드러운가
12:47 cd 명령어 + 드래그 앤 드롭으로 폴더 이동 쉽게 하기
15:22 cd 와 ls, 이 두 단계만 넘으면 끝난다
17:50 Warp 가이드 — 탭, 사이드바, 프로젝트 익스플로러, 화면 분할
22:25 Codex CLI 실행 옵션 — yolo 모드, 모델 선택, fast 모드, permissions
25:25 Codex CLI 설치 방법 한 번에 정리
26:02 실전 — 폴더 만들고 cd 로 들어가서 코덱스 실행
28:21 바이브코딩 — design.md 사이트로 디자인 가이드 가져오기
30:13 인테리어 랜딩페이지 + 이미지 생성을 Next.js로 한 번에
34:34 결과 확인 — 서버 띄우고 화면 분할로 디버깅까지
37:27 마무리
#Codex #CodexCLI #OpenAI #GPT5 #바이브코딩 #AI코딩 #터미널입문 #쉘 #zsh #bash #PowerShell #명령프롬프트 #Warp #cd명령어 #NextJS #designmd #랜딩페이지 #인테리어랜딩페이지 #AI에이전트 #프롬프트엔지니어링 #초보가이드 #개발자입문 #맥터미널 #윈도우터미널 #이미지생성
