<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="guide" style="task" id="beginner.js" lang="ko">
  <info>
    <link type="guide" xref="js#code-samples"/>
    <revision version="0.2" date="2012-06-10" status="draft"/>

    <credit type="author copyright">
      <name>Susanna Huhtanen</name>
      <email its:translate="no">ihmis.suski@gmail.com</email>
      <years>2012</years>
    </credit>
    <credit type="editor">
      <name>Marta Maria Casetti</name>
      <email its:translate="no">mmcasettii@gmail.com</email>
      <years>2013</years>
    </credit>

    <desc>코드 예제와 실제 연습 예제가 들어있는 JavaScript 그놈 프로그램 작성용 초보자 안내서입니다.</desc>
  <credit type="translator copyright"><name>조성호</name><email>shcho@gnome.org</email><years>2017-2019.</years></credit></info>

  <title>초보자 지침서 및 예제 코드</title>
<synopsis>
  <p>JavaScript는 웹에서 가장 인기있는 프로그래밍 언어 중 하나입니다. 단지 웹에서 뿐만이 아닙니다. JavaScript 기본을 잘 이해하면 완전한 격을 갖춘 그놈 프로그램을 작성할 수 있습니다. <link href="https://wiki.gnome.org/Apps/Documents">그놈 문서</link>는 JavaScript로 작성했으며, 그놈의 가장 근본적인 부분 <link href="https://live.gnome.org/GnomeShell/Tour">그놈 셸</link> 도 마찬가지입니다.</p>
  <note style="tip"><p>그놈 셸은 화면의 좌측 상단에 있는 "현재 활동"을 눌렀을 때 볼 수 있습니다. 시계와 상단 패널 나머지를 다룹니다. 그놈 프로그램 작성 방법을 알려드리기 전에 다음 따라하기 내용을 통해, 그놈 셸에 새 기능을 붙이거나 동작 방식을 바꾸는 그놈 셸 확장 기능을 작성할 때 JavaScript를 사용하는 방법을 보여드리겠습니다.</p></note>
</synopsis>

<section id="getting-started">
<title>시작하기</title>
 <p>이 따라하기 참고서는 JavaScript 코드 작성법을 이미 알고 있는 사람, 이미 컴퓨터에 그놈을 설치한 사람, 하지만 그놈 프로그램 개발에 처음인 사람이 쉽게 읽을 수 있게 기획했습니다. 이미 JavaScript 코드 작성법을 아는 사람이 아니거나 그놈 설정에 도움이 필요하다면 다음 참고 자료를 우선 살펴보십시오:</p>
<steps>
  <item><p><link href="http://eloquentjavascript.net/contents.html">Eloquent JavaScript</link>는 크리에이티브 커먼즈 라이선스를 부여한 무료 책이며, JavaScript 프로그래밍 기본을 설명합니다. 웹용 JavaScript 프로그램을 작성하지 않을 것이기에 10장까지만 읽으시면 됩니다.</p></item>
  <item><p>페도라, 오픈수세, 우분투 배포판의 일부로 <link href="http://www.gnome.org/getting-gnome/">그놈을 다운로드</link> 하십시오. 각 배포판에는 그놈을 설치하는 자체 방식이 있습니다.</p></item>
  <item><p>프로그램을 작성할 <link xref="set-up-gedit.js">지에디트를 설정</link> 하십시오. 그놈 텍스트 편집기 지에디트는 그냥 "텍스트 편집기"라고도 합니다.</p></item>
</steps>
</section>


<section id="tutorials">
<title>지침서</title>
</section>

<section id="samples">
<title>예제 코드</title>
  <p>이 예제에서는 그놈 프로그램에서 위젯을 사용하는 방법을 보여줍니다. 각 예제 코드에서는 기능을 갖춘 위젯을 모아서 보여주는 완전한 프로그램으로 실험적으로 동작합니다. 각 예제 끝에는 더욱 자세한 참고 자료 링크를 보실 수 있습니다.</p>
  <p>예제 코드를 실행하려면:</p>
  <steps>
    <item><p><var>filename</var>.js에 코드를 복사하여 붙여넣으십시오</p></item>
    <item><p>터미널에서 다음 명령을 입력하십시오:</p>
          <screen>gjs <var>filename</var>.js</screen></item>
  </steps>

  <section id="windows" style="2column"><title>창</title>
  </section>
  <section id="display-widgets" style="2column"><title>위젯 표시</title>
  </section>
  <section id="buttons" style="2column"><title>단추 및 토글</title>
  </section>
  <section id="entry" style="2column"><title>숫자, 텍스트 데이터 항목</title>
  </section>
  <section id="multiline" style="2column"><title>다중라인 텍스트 편집기</title>
  </section>
  <section id="menu-combo-toolbar" style="2column"><title>메뉴, 콤보상자, 도구모음 위젯</title>
  </section>
  <section id="treeview" style="2column"><title>TreeView 위젯</title>
  </section>
  <section id="selectors"><title>선택 상자</title>
    <section id="file-selectors"><title>파일 선택 상자</title>
    </section>
    <section id="font-selectors"><title>글꼴 선택 상자</title>
    </section>
    <section id="color-selectors"><title>색상 선택 상자</title>
    </section>
  </section>
  <section id="layout" style="2column"><title>배치 컨테이너</title>
  </section>
  <section id="ornaments" style="2column"><title>장식</title>
  </section>
  <section id="scrolling" style="2column"><title>스크롤</title>
  </section>
  <section id="misc" style="2column"><title>기타</title>
  </section>
</section>

<section id="exercises">
<title>연습 예제</title>
</section>
</page>
