# 3. Hello World 프로그램에서 시작하자

코딩으로 들어가는 첫 관문이다. 항상 그렇지만, 여러분과 함께 pygame의 [Hello World](https://ko.wikipedia.org/wiki/%22Hello,_World!%22_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8) 코드부터 배워보는 것으로 시작해야 할 것이다. 그런데, pygame은 프로그래밍 언어 그 자체가 아니라, 라이브러리이기 때문에 정확하게 우리가 알고 있는 그 Hello World 프로그램을 만들어 보는게 아니라, Hello World 프로그램에 빗대어 pygame 라이브러리를 이용한 코딩을 할 때, 빼놓을 수 없는 가장 최소한의 기본 코드로만 구성된 가장 작은 프로그램을 만들어보는 예제이다. 그런데 아쉽게도 그 가장 기본적인 간단한 코드조차도 생각보다 간단하지 않다.

백문이 불여일견이다. 코드를 이해하기 전에 일단 잘모르더라도 무작정 코드를 복붙(복사하기&붙혀넣기)해서 실행시켜 실행결과를 살펴보자. 먼저, VS Code 에디터를 열고, File 메뉴에서 New File... 메뉴를 선택한 후, 어떤 종류의 파일을 만들지에서 Python 파일을 선택하자.

<figure><img src="https://10174333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXqfaxSWS1mduUmYVCPQP%2Fuploads%2FgINOrH7Z2HA1VOtAMIzn%2Fimage.png?alt=media&#x26;token=7f43e0dc-4151-4b91-8add-cdc52439b6b5" alt=""><figcaption></figcaption></figure>

그리고, 다음의 코드를 복붙하고, 파일을 저장하기 위해서 File 메뉴에서 Save 메뉴를 선택해(또는 단축키로 윈도우즈는 맥은 Ctrl + S / Cmd + S) 파일 이름과 저장위치를 본인이 원하는데로 정하고 저장시키보자. 참고로 Python 코드파일의 확장자는 .py 라고 붙는 것을 알 수 있다.&#x20;

```python
#1 라이브러리 호출
import pygame
import sys

#2 라이브러리 초기화
pygame.init() 

#3 기본환경 설정
# 화면크기 설정
S_WIDTH = 400
S_HEIGHT = 300
screen = pygame.display.set_mode((S_WIDTH, S_HEIGHT))

# 타이틀바 설정
pygame.display.set_caption("My Game")

# 화면 업데이트의 최대속도 설정
FPS = 60
clock = pygame.time.Clock() 

#4 메인루프
while True:
  # 이벤트 처리
  for event in pygame.event.get():
      if event.type == pygame.QUIT:
          pygame.quit()
          sys.exit()
  
  pygame.display.update() #화면 업데이트
  clock.tick(FPS) # 게임속도 조절
```

그럼, 이제 이 코드를 실행시켜봐야 되는데, 에디터의 상단우편에 플레이 아이콘(►) 버튼을 눌러(마치 우리가 엔트리 블록코딩에서 '시작하기' 버튼을 눌렀던 것처럼) 실행실킬 수 있다. 만약, 이 버튼이 보이지 않는다면, [1장](https://jjlee.gitbook.io/python-pygame/dev_env#extention)에서 VS Code의 Python관련 익스텐션(extention)이 제대로 설치되었는지 재확인하자.

<figure><img src="https://10174333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXqfaxSWS1mduUmYVCPQP%2Fuploads%2FnECMb5Y9L1J33KzCFh1p%2Fimage.png?alt=media&#x26;token=21194b34-ee9b-4158-bb1c-ce19c4a3d79a" alt=""><figcaption></figcaption></figure>

이제 실행의 결과로 이러한 아무 내용도 출력되지 않는 검은색의 400x300픽셀 화면크기를 갖는 My Game이란 이름을 가진 앱이 하나 정상적으로 실행되었는가?

<figure><img src="https://10174333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXqfaxSWS1mduUmYVCPQP%2Fuploads%2FQ5Hioblvy9cyx59RF1hv%2Fimage.png?alt=media&#x26;token=719f490b-ce0c-435d-87f2-b7b52ca73acd" alt="" width="375"><figcaption><p>맥 OS에의 실행결과</p></figcaption></figure>

여기까지 잘 진행되었다면, 그럼 다음장에서 이제 실제 저 코드의 의미가 무엇인지 하나하나 자세히 분석을 시작해보자.
