다른 저장 영역에 임시 작업이 남아 있습니다.
로그인 확인이 끊겼을 때 작성한 코드입니다. 지금 보이는 코드에 자동으로 합치거나 덮어쓰지 않았습니다. 먼저 임시 작업을 JSON으로 내려받아 실제 파일을 확인한 뒤, 필요한 경우 「JSON 복원」으로 가져오세요. 복원하면 현재 18단계 기록이 교체됩니다.
회원 학습기록 · 서버에 안전하게 보관하기
18단계 코드는 우선 이 브라우저에 저장됩니다. 아래 버튼으로 서버에 따로 보관하거나 다른 PC의 서버 기록을 불러올 수 있습니다. 자동 병합·자동 덮어쓰기는 하지 않습니다. 서버와 브라우저의 내용이 다르면 먼저 각각 JSON 백업을 보관하세요.
01 / 18HTML 읽기
강의를 불러오는 중입니다
왜 이걸 배울까요?
개념을 이해하기
직접 타이핑할 코드
입력 방법 위 코드를 보고 오른쪽 파일 탭에서 직접 타이핑하세요. 예제 코드는 자동 입력되지 않습니다.
이렇게 확인해 보세요
모바일에서 달라지는 점
자주 생기는 오류와 복구
왜 이렇게 작성했는지 확인
내 말로 설명해 보기
이번 단계에서 부모·자식, 선택자 또는 모바일 변화 중 하나를 선택해 왜 그렇게 동작하는지 한 문장으로 적어보세요. 이해한 내용을 기록하는 연습이며 자동으로 정답을 채점하지는 않습니다.
내 코드가 조건에 맞나요?
코드 구조 검사만으로 완성 판정하지 않습니다. PC·모바일 진단과 실제 메뉴 클릭도 확인하세요.
기초 코드 이해 18단계를 완료했어요.
이제 기존 48강의 레이아웃·메뉴 실습으로 넘어가고, 그다음 모의실기를 진행하세요. 코드를 직접 바꾸고 320px까지 확인하는 습관을 유지하세요.
이전 단계 코드가 없다면?
교재 중간부터 시작한 경우에만 직전 단계의 완성 체크포인트를 가져오세요. 현재 직접 작성한 코드는 덮어써지므로 반드시 백업한 뒤 진행하세요.
18단계 완료 시점별 비교 파일 받기