바이브 코딩 입문
Codex와 Claude Code 중 하나를 골라 대화·권한·Git·디버깅을 익히고, 포트폴리오 웹사이트를 실제로 배포합니다.
- 코딩 에이전트 작업 루프 이해
- 포트폴리오 웹사이트 제작
- Git 안전망과 오류 해결
도구를 처음 켜는 순간부터 포트폴리오를 직접 판단하고 개선하는 단계까지. 차시별로 이어지고, 만든 것은 서로 봐줍니다.
순서대로 들어도 되고, 필요한 차시부터 시작해도 됩니다.
Codex와 Claude Code 중 하나를 골라 대화·권한·Git·디버깅을 익히고, 포트폴리오 웹사이트를 실제로 배포합니다.
완성된 초안을 진단하고, AI 제안을 수용·거절·변형하며 시나리오 검증과 재배포까지 진행하는 120분 클리닉입니다.
컨셉은 잡혔는데 사이트에 사람이 없습니다. AI를 저자가 아니라 인터뷰어로 써서 나를 꺼내고, 소개 페이지와 케이스 스터디를 다시 씁니다.
수업 설계 근거, 120분 진행표, 보충(타이포·일관성) 운영법, 평가 기준. 왜 이렇게 가르치는지를 연구로 적어뒀습니다.
강의안 열기 →디자인 전공만 듣는 수업이 아닙니다. 도구는 하나고, 겨누는 데가 다릅니다.
분야 하나를 골라 5주 동안 AI로 직접 만들어봅니다. 멘토 강의안과 멘티 실습지를 같이 열어뒀습니다.
글·이미지·레퍼런스로 영상을 뽑고, 있는 영상을 바꾸고, 소리까지 입힙니다. 영상 생성은 Google 학생 요금제 안에서만 합니다.
Codex가 MCP로 Blender를 직접 조작하게 합니다. 프롬프트로 만들고, 있는 모델을 고치고, 렌더까지 갑니다.
어느 모델을 언제 고르나. 모델마다 버릇과 다루는 법이 다릅니다.
혼자 배우면 여기 올 이유가 없습니다. 서로 봐주는 방식에 대한 것들입니다.
쓸 만한 프롬프트·도구·설정, 그리고 안 되던 것들. 한 사람이 알아낸 걸 열 사람이 씁니다.
열기 → Study스터디가 굴러가는 방식들어오는 순서, 한 주의 흐름, 과제와 피드백이 오가는 길. 처음 왔다면 여기부터.
열기 → Feedback피드백 쓰는 법"좋아요"는 피드백이 아닙니다. 근거 있는 세 문장으로 쓰는 법과, 받는 쪽의 기술까지.
열기 → Gallery결과물 갤러리멤버들이 공개하기로 한 작업들. 올릴지는 만든 사람이 정합니다.
열기 →차시와 상관없이 아무 때나 꺼내 보는 것들입니다.
Codex·Claude Code를 Mac과 Windows에 깔고 로그인하기까지. 수업 전에 끝내두면 좋습니다.
열기 → Prompts프롬프트 상황집이럴 땐 이렇게 말한다. 상황 18가지, 복사 버튼이 붙은 문장으로.
열기 → Deploy배포 체크리스트GitHub 계정부터 인터넷 주소까지. 되돌리는 법까지 포함해서.
열기 → Help막혔을 때증상별 응급처치 14가지. 손 들기 전에 여기부터 보면 대부분 여기 있습니다.
열기 → Glossary용어 사전모르는 말이 나올 때마다 찾는 46개. 검색되고, 실습 중에 띄워두는 용도입니다.
열기 → Cheatsheet명령어 치트시트Codex ↔ Claude Code 대조표와 단축키. 한 장으로 뽑아 옆에 두세요.
열기 →회사 로고는 Simple Icons(CC0). 상표는 각 회사 소유입니다.