실습 가이드

설명보다 실행 중심으로 진행할 때 권장하는 준비물과 화면 구성입니다.

학습 진행 방식 (5단계)

  1. 강의를 열어 오늘의 목표와 결과물을 확인합니다.
  2. ChatGPT, Cursor 등 필요한 AI 창을 같은 화면에서 함께 띄웁니다.
  3. 프롬프트와 코드를 직접 입력하고 실행해 봅니다.
  4. 막히는 부분은 가이드·체크리스트·에러 해설을 참고해 바로 넘깁니다.
  5. 실제 동작하는 결과물까지 완성합니다.

화면 구성 예시

ChatGPT 병행

왼쪽: 스텝 · 오른쪽: ChatGPT 창

Cursor 병행

왼쪽: 설명 · 오른쪽: 에디터

체크리스트

왼쪽: 체크리스트 · 오른쪽: 결과 화면

실제 제품 UI를 모사한 정적 목업으로도 이해할 수 있도록 구성할 수 있습니다.