학습 본문으로 건너뛰기
커리큘럼으로
FrontendWEB-01-M06
체험 레슨모듈 06약 12분

이해 · 그림으로 보기

form과 validation

form과 validation의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

정식 출간 전 학습 흐름을 확인하는 체험 자료입니다.현재 모듈의 목표를 기반으로 구성했으며, 정식 교재의 전문 해설·자동 채점·수료 기록을 대신하지 않습니다.

01

먼저, 이미 아는 것을 꺼내 보세요

이전 모듈 ‘routing과 rendering’에서 이번 주제와 연결되는 내용을 떠올려 보세요.

02

오늘은 무엇을 할 수 있어야 할까요?

form과 validation의 원리와 작업 절차를 설명하고 실행 또는 측정 증거로 검증한다.

용어를 외우는 데서 끝내지 않고, 작은 작업을 수행한 뒤 결과와 판단 근거를 함께 설명하는 것이 목표입니다.

03

form과 validation, 이렇게 배웁니다

이 체험에서는 결과를 먼저 보여 주고 따라 하게 만들지 않습니다. 목표와 조건을 정하고, 예상한 뒤, 작은 단위로 수행하고, 실제 결과를 다시 확인합니다.

Frontend 과정의 대표 실습 기준

실제 화면을 semantic 구조와 component로 나누고 키보드·화면낭독기·느린 네트워크에서 반복 점검합니다.

04

완성된 사고 과정을 먼저 읽어 보세요

  1. 상황

    form과 validation 작업을 실행했지만 결과가 예상과 다릅니다.

  2. 판단

    목표와 조건을 한 문장으로 고정하고, 한 번에 하나의 변화만 다시 실행합니다.

  3. 증거

    변경 전후 결과와 예상의 차이를 같은 형식으로 기록해 다른 사람도 재현할 수 있게 합니다.

이제 직접 수행하기