> For the complete documentation index, see [llms.txt](https://docs.sysout.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sysout.co.kr/etc/github/repository/action.md).

# Action

## Github Action

{% embed url="<https://github.com/features/actions>" %}
공식 문서
{% endembed %}

Github Action은 소프트웨어의 Workflow를 설계하여 CI/CD를 구축할 수 있도록 만들어진 자동화 시스템이다. 이를 이용하여 커밋 이후의 컴파일, 테스팅, 에러검증, 빌드, 배포 등을 자동으로 구현할 수 있다.

이 문서에서는 Github에서 제공하는 Github page 기능을 사용하여 자동 설정된 Github Action의 작업 내역을 확인해본다.

## Github Page

Github Page는 정적 파일을 SSL 기반으로 호스팅하는 서비스이다. Repository의 Settings 메뉴에서 설정할 수 있다.

저장소를 public으로 생성하고 <mark style="color:blue;">index.html</mark>을 생성한다.

{% hint style="info" %} <mark style="color:blue;">index.html</mark>로 파일명을 작성하면 경로에서 생략이 가능하여 주소가 더 짧아진다.
{% endhint %}

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2F479GrXl893TK2CVkm0v9%2Fimage.png?alt=media&amp;token=90726922-d03f-474a-8037-204b93f8d0f5" alt=""></div>

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2FXA2Vz74aFBqBOwJaDijl%2Fimage.png?alt=media&amp;token=d7401655-4a59-4b74-942d-a0c082fd1540" alt=""></div>

<mark style="color:blue;">index.html</mark>에는 간단한 HTML 코드를 작성한다.

```markup
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello</title>
  </head>
  <body>
    <h1>Hello Github Page!</h1>
  </body>
</html>
```

<mark style="color:blue;">Settings</mark> 메뉴를 선택하면 다음과 같은 화면이 나온다.

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2FINYFssgpbWtUVlZhS3LU%2Fimage.png?alt=media&amp;token=69064a55-5a79-4753-a3df-b270b55d246e" alt=""></div>

Source 하단의 Branch 선택 버튼을 눌러 적용할 Branch를 선택한다(기본 브랜치는 main이다).

![](https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2FdnFB2bI53w3HCPx0clWh%2Fimage.png?alt=media\&token=f0693574-8edf-4a35-afb6-edb6e6dff09a)

<mark style="color:blue;">Save</mark> 버튼을 눌러 마무리한다.

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2F9AFoDIixFYg4NBPxJd0g%2Fimage.png?alt=media&amp;token=e2e2e948-3d5d-4de5-b95f-9b5737f49e1b" alt=""></div>

적용이 완료되면 다음과 같이 주소가 표시된다.

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2FRU2c857h4LlR0o3zw7Vp%2Fimage.png?alt=media&amp;token=1251d025-bed9-4b1d-80c6-09188fcad69c" alt=""></div>

## 생성된 Action 확인

Github Page를 설정하면 자동으로 Github Action이 생성되며 해당 탭에서 확인 가능하다.

<div align="left"><img src="https://4208234536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_TNZwLuHV9ipYLbvRq%2Fuploads%2FLUstU5GKaWHHQQuLNUZP%2Fimage.png?alt=media&amp;token=5e0bd850-3393-490c-87bb-8d4ebf866c67" alt=""></div>

직접 Action을 생성하는 것은 다음 문서에서 다룬다.
