> For the complete documentation index, see [llms.txt](https://mose-byun.gitbook.io/codingmission/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mose-byun.gitbook.io/codingmission/undefined-1.md).

# 학습 준비

온라인 에디터 Replit 을 사용하여 설치없이 학습 참여 준비

Replit 은 컴퓨터에 프로그램을 설치하는 복잡한 과정 없이 인터넷이 연결된 컴퓨터 웹 브라우저에서 실습할 수 있는 환경을 제공 합니다.

아래 컴퓨터와 모바일 탭 내용을 확인하여 각자 환경에 맞는 실습 환경 준비를 확인해 주세요!\
(모바일에서도 충분히 실습이 가능하지만 가능하다면 컴퓨터에서 수업 진행하는 것을 권장합니다)

{% tabs %}
{% tab title="컴퓨터" %}

#### <mark style="background-color:blue;">1. replit 사이트로 이동해 주세요</mark>

{% embed url="<https://replit.com/>" %}

#### <mark style="background-color:blue;">2. 화면 중앙의 Start creating 버튼을 눌러 주세요</mark>

<figure><img src="https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FAcjXgcDOiqiZ3VmsSlE8%2Fimage.png?alt=media&amp;token=48aa2dbb-5586-4dad-9b60-daa3c9008f37" alt=""><figcaption></figcaption></figure>

####

#### <mark style="background-color:blue;">3. 이메일 또는 Google 계정으로 회원가입/로그인을 진행해 주세요</mark>

![](https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FutpM3KYjHUBIhrdY9XDS%2Fimage.png?alt=media\&token=375bf9c4-f6f6-4429-bcdf-c51b638c8ed3)![](https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FI0lq9MhLQoc6pVHsAOcb%2Fimage.png?alt=media\&token=c9ed7d81-07ef-4d0a-abe5-de53c0521f83)

####

#### <mark style="background-color:blue;">4. 왼쪽 메뉴 상단의 CREATE 버튼을 눌러 줍니다.</mark>

![](https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FyE5MRXYkLBf5Kivi2px9%2Fimage.png?alt=media\&token=bbbe8f42-8797-4c53-8aab-a3c2dbac3d04)

####

#### <mark style="background-color:blue;">5. 검색 창에</mark> <mark style="color:red;background-color:blue;">html</mark> <mark style="background-color:blue;">을 입력하고 실습할 파일의</mark> <mark style="color:red;background-color:blue;">제목</mark><mark style="background-color:blue;">을 적어 주세요</mark>

<figure><img src="https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FyYzs7tVGoQTYD89SwqYo%2Fimage.png?alt=media&amp;token=0e5a607f-ab3c-45fe-8cef-23bd38375a63" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="모바일" %}

#### <mark style="background-color:blue;">1.  QR코드 스캔 또는 아래 링크를 눌러 앱 설치 화면으로 이동 합니다.</mark>

<img src="https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2FoeucnhzhJZ1JTTL5mqqn%2Fimage.png?alt=media&amp;token=dde3e802-7c2c-4555-ab0b-2095f2827d9d" alt="" data-size="original">

{% embed url="<https://replit.com/mobileDownload>" %}

#### <mark style="background-color:blue;">2. 회원가입 후 컴퓨터와 동일한 방식으로</mark> <mark style="color:red;background-color:blue;">html</mark><mark style="background-color:blue;">을 검색하여 실습방을 만들어 줍니다.</mark>

#### ![](https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2Fke96DGwgveuFy0xc7Yw0%2FIMG_CF9C1C25BAE8-1.jpeg?alt=media\&token=150a7eda-ee02-4c31-b983-0ff62a16c3e0)![](https://3259369343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEt4dqMM3OXQpfcv45On5%2Fuploads%2Fc2R8Zl8VKcCltH9khaIl%2FIMG_939529350A27-1.jpeg?alt=media\&token=48f8c728-0c65-4091-9e21-2959f212f663)

{% endtab %}
{% endtabs %}