Swift로 정적 웹사이트 만들기

Choo121600·2023년 3월 3일
0
post-thumbnail

Swift로 정적 웹사이트를?

대표적인 Static Site Generator들을 아래의 사이트를 통해 알아보자면,
https://jamstack.org/generators/

image.png

보통 JavaScript 이거나 유명한 Jekyll 같은 경우는 Ruby를 사용하면 만들 수 있습니다.

하지만!
Swift로 정적 웹사이트를 만들 수 있다면 믿으시겠습니까?

저도 NextJS와 Jekyll정도만 사용해봤기에
Swift로 정적 웹사이트를 만들 수 있다는 소식에 깜짝 놀랐었는데요.

이번엔 iOS개발자들에게 익숙한 언어인 Swift로 정적 웹사이트를 만들 수 있는 Publish를 소개하려고 합니다.

Publish 설치

설치 방법은 간단합니다.
1. 터미널 열기
2. brew install publish 입력

Publish 프로젝트 시작하기

  1. 터미널을 열어 아래와 같이 입력해줍니다.
    mkdir PublishBlog
    cd PublishBlog
    publish new
  2. 아래와 같이 출력이 나오면 open Package.swift로 프로젝트를 xcode로 열어줍니다.
    image.png
  3. 다시 터미널로 가서 publish run을 입력해 주면 프로젝트가 실행됩니다.
    image.png
  4. http://localhost:8000/으로 들어가면 실행된 나만의 웹사이트를 볼 수 있습니다.
    image.png

폴더 구성

${PublishBlog}
├── Content
│   ├── index.md
│   └── posts
│       ├── first-post.md
│       └── index.md
├── Package.resolved
├── Package.swift
├── Resources
└── Sources
    └── PublishBlog
        └── main.swift

글 수정

  1. Content/posts/first-post.md에 들어가서 파일을 보시면 아래와 같이 쓰여져 있을 거예요.

    ---
    date: 2023-03-03 17:21
    description: A description of my first post.
    tags: first, article
    ---
    # My first post
    
    My first post's text.
    
  2. 이걸 원하는 내용으로 고쳐봅시다.

    ---
    date: 2023-03-03 17:21
    description: publish로 블로그 만든 나의 블로그
    tags: first, article
    ---
    # publish로 블로그 만들기!
    
    publish로 블로그 만들기!
    시작은 쉬워요!
    
  3. 저장하고 다시 실행하면 성공!
    image.png
    image.png

총평...

Publish를 사용하여 블로그를 만드는 경우가 손으로 꼽을 정도로 아직 한국에서 드물기도 하고
관련된 정보가 많이 없어서 만들기 어렵고 예쁘게 꾸미려면 결국 CSS를 건들 여야 하는 것이 현실이지만.
자신이 주로 쓰는 언어로 만들어진 블로그에 더 애정이 생기는 것 같습니다.

제게 이 오픈소스를 알려준 지인의 말을 인용하자면...

자신이 좋아하는 언어로 삽질한다면 그 또한 낭만이다..

Swift를 좋아하시는 분들이라면 한 번 도전해보시는 것을 추천해 드립니다.

profile
추영욱입니다.

0개의 댓글