WebIDE 소개

1. 세상에서 가장 멋진 위젯 - WebIDE

연습은 정말 중요해. HTML을 더 재미있게 배우도록, 우리가 각 강의마다 몇 가지 작은 과제를 준비했어. 그렇게 하면 읽은 내용을 더 쉽게 기억할 수 있어. 그리고 몇 분 안에 첫 번째 과제를 받게 될 거야.

과제를 쉽게 풀기 위해, 우리는 특별한 위젯을 만들었어 - WebIDE. 이런 모습이야:

왼쪽에는 과제 조건과 너의 해결책이 충족해야 할 요구사항 목록이 보여. 중앙에는 해결책을 작성할 에디터가 있어. 하단 패널에는 결과가 표시돼 - 별도의 창에서 너의 페이지를 확인할 수 있어.

2. 주요 버튼들

상단에 버튼을 볼 수 있을 거야:

• 검사: 너의 해결책을 테스트하러 보내는 버튼이야.
• 실행: 코드를 바로 실행해보는 버튼이야 (검사 횟수는 증가하지 않아).
• 해결책 - 드롭다운 메뉴로 다음과 같은 옵션들이 있어:
  • 정답 보기: 과제에 대한 올바른 해결책을 보여줘.
  • 내 코드로 돌아가기: 정답을 본 후 너의 코드로 돌아갈 수 있어.
  • 초기화: 해결책을 초기화하고 처음부터 다시 시작할 수 있어.
• 도움말 - 너의 해결책에 대해 CodeGym 커뮤니티에 질문할 수 있어.
• 토론: 다른 사용자들과 과제를 논의할 수 있어.
• 코드 분석: 너의 코드 스타일에 대한 힌트를 받을 수 있어.

3. 버튼 사용법

과제의 해결책을 작성한 후, «검사» 버튼을 눌러봐. 그러면 프로그램이 CodeGym 서버에 전송되고 자동으로 검사돼.

해결책을 작성하는 데 어려움이 있다면 힌트를 사용해봐 (벽에 머리를 부딪힐 필요 없어). 메뉴에서 «도움말» 버튼을 클릭하고 «힌트» 버튼을 눌러봐. 또는 «정답 보기» 버튼을 눌러 올바른 해결책을 확인할 수도 있어.

준비됐어? 그럼 첫 번째 과제를 확인해봐: