<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="guide" style="task" id="beginner.js" xml: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>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>조성호</mal:name>

      <mal:email>shcho@gnome.org</mal:email>

      <mal:years>2017</mal:years>

    </mal:credit>

  </info>

  <title>초보자 지침서 및 예제 코드</title>

<synopsis>

  
JavaScript는 웹에서 가장 인기있는 프로그래밍 언어 중 하나입니다. 단지 웹에서 뿐만이 아닙니다. JavaScript 기본을 잘 이해하면 완전한 격을 갖춘 그놈 프로그램을 작성할 수 있습니다. <link href="https://wiki.gnome.org/Apps/Documents">그놈 문서</link>는 JavaScript로 작성했으며, 그놈의 가장 근본적인 부분 <link href="https://live.gnome.org/GnomeShell/Tour">그놈 셸</link> 도 마찬가지입니다.

  <note style="tip">
그놈 셸은 화면의 좌측 상단에 있는 "현재 활동"을 눌렀을 때 볼 수 있습니다. 시계와 상단 패널 나머지를 다룹니다. 그놈 프로그램 작성 방법을 알려드리기 전에 다음 따라하기 내용을 통해, 그놈 셸에 새 기능을 붙이거나 동작 방식을 바꾸는 그놈 셸 확장 기능을 작성할 때 JavaScript를 사용하는 방법을 보여드리겠습니다.
</note>

</synopsis>

<section id="getting-started">

<title>시작하기</title>

 
이 따라하기 참고서는 JavaScript 코드 작성법을 이미 알고 있는 사람, 이미 컴퓨터에 그놈을 설치한 사람, 하지만 그놈 프로그램 개발에 처음인 사람이 쉽게 읽을 수 있게 기획했습니다. 이미 JavaScript 코드 작성법을 아는 사람이 아니거나 그놈 설정에 도움이 필요하다면 다음 참고 자료를 우선 살펴보십시오:

<steps>

  <item>
<link href="http://eloquentjavascript.net/contents.html">Eloquent JavaScript</link>는 크리에이티브 커먼즈 라이선스를 부여한 무료 책이며, JavaScript 프로그래밍 기본을 설명합니다. 웹용 JavaScript 프로그램을 작성하지 않을 것이기에 10장까지만 읽으시면 됩니다.
</item>

  <item>
페도라, 오픈수세, 우분투 배포판의 일부로 <link href="http://www.gnome.org/getting-gnome/">그놈을 다운로드</link> 하십시오. 각 배포판에는 그놈을 설치하는 자체 방식이 있습니다.
</item>

  <item>
프로그램을 작성할 <link xref="set-up-gedit.js">지에디트를 설정</link> 하십시오. 그놈 텍스트 편집기 지에디트는 그냥 "텍스트 편집기"라고도 합니다.
</item>

</steps>

</section>

<section id="tutorials">

<title>지침서</title>

</section>

<section id="samples">

<title>예제 코드</title>

  
이 예제에서는 그놈 프로그램에서 위젯을 사용하는 방법을 보여줍니다. 각 예제 코드에서는 기능을 갖춘 위젯을 모아서 보여주는 완전한 프로그램으로 실험적으로 동작합니다. 각 예제 끝에는 더욱 자세한 참고 자료 링크를 보실 수 있습니다.

  
예제 코드를 실행하려면:

  <steps>

    <item>
filename.js에 코드를 복사하여 붙여넣으십시오
</item>

    <item>
터미널에서 다음 명령을 입력하십시오:

          <screen>gjs filename.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>