# 실습화면 인터페이스

**실습 중심 강의** 수강 화면입니다. 

### 초기화 / 저장 / 실행(code init / save / run)

* **초기화** : \
  에디터 상의 소스 코드를 강의에서 제공하는 기본 소스코드로 초기화 합니다.
* **저장** : \
  소스 코드를 저장합니다. 저장된 소스코드는 새로고침 하거나 다시 서비스에 접속하더라도 \
  해당 강의에 남아있게 됩니다. 제출과 달리 강의자가 코드를 확인할 수 없습니다.
* **실행** : \
  작성한 코드의 결과나 오류 메세지가 아래 터미널 창에 출력되어 결과 확인이 가능합니다. \
  프로그램 수행 시간을 확인하실 수 있습니다.

![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_REckt_1470375529092/aa4292a82f548e0c38626d09b36a41468cc1f5ba48110acf76f05374d6d6648d.png)

### 테스트케이스 실행(run the testcases)

* <img src="https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lq-Q9LciN1X9EABxGkt%2Fuploads%2FhFtdPk7m4QCEr0lpex8D%2Ffile.png?alt=media" alt="" data-size="line"> **:**  입력을 동시에 실행할 수 있는 **테스트 케이스 실행 버튼**입니다. \
  강의 작성자가 예시로 설정한 입력 값들이 자동 세팅되어 예시의 출력 값과 같은 값을 출력하는지 \
  확인 할 수 있으며, '추가' 버튼을 통해 원하는 테스트 케이스를 더 추가할 수 있습니다.<br>

![](/files/-MLHI9cOJCrDStSe30fc)

###

### 제출(submit)

* **제출** : \
  강의자에게 소스 코드를 답안으로 제출합니다.\
  &#x20;제출한 답안이 맞는 경우  > `정답`문구  > 수강완료  \
  &#x20;제출한 답이 오답인 경우 > `오답` 문구 &#x20;

제출모드에서는 채점 없이 강의자에게 작성한 코드를 제출합니다. \
실행모드에는 제출 버튼이 없습니다.

![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_REckt_1470375529092/266af4dc457643e8263fdbd6acf20089a71d566769381577a9c77c1dc0131d8c.png)

### 환경설정(configuration)

* <img src="https://firebasestorage.googleapis.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lq-Q9LciN1X9EABxGkt%2Fuploads%2FSjwm0qRwTlZO7W79hUc8%2Ffile.png?alt=media" alt="" data-size="line">  : \
  컨텐츠 영역과 에디터 영역 화면 설정 창\
  줄바꿈, 확대/축소, 줄간격, 화면크기, 글자크기, 테마, 단축키맵, 자동 저장 옵션을 조정할 수 있습니다.\
  \
  \&#xNAN;**- 줄바꿈 :** 90% \~ 300% 범위에서 10% 간격으로 조정할 수 있습니다.\
  \&#xNAN;**- 확대/축소 :** 70% \~ 400% 범위에서 10% 간격으로 조정할 수 있습니다.\
  \&#xNAN;**- 글자크기 :** 9 \~ 32pt 범위에서 1pt 간격으로 조정할 수 있습니다.\
  \&#xNAN;**- 테마 :** Dark, Light 두 가지 테마를 지원합니다.\
  \&#xNAN;**- 단축키맵 :** Default, Sublime Text, Emacs, Vim 을 지원합니다.\
  \&#xNAN;**- 자동 저장 :** 켜기로 설정하시면 별도로 저장을 클릭하지 않아도 학습하시던 코드가 저장 됩니다.

![](https://grm-project-template-bucket.s3.ap-northeast-2.amazonaws.com/lesson/les_REckt_1470375529092/a5dfab1f7ba36c0fbbc153d23d5e36881ba4bc80e9df029015bfc532e9347569.png)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.goorm.io/ko/edu-student/learing-process/interface-practice.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.