데보션앱 소개페이지 바로가기
로그인 선택

신고하기

CLOSE
신고사유 (대표 사유 1개)
상세내용 (선택)
0/200
  • 신고한 게시글은 더 이상 보이지 않습니다.
  • 이용약관과 운영정책에 따라 신고사유에 해당하는지 검토 후 조치됩니다.
  • 허위 신고인 경우, 신고자의 서비스 이용이 제한될 수 있으니 유의하시어 신중하게 신고해 주세요.
(이 회원이 작성한 모든 댓글과 커뮤니티 게시물이 보이지 않고, 알림도 오지 않습니다.)

미리보기

커뮤니티

      1,234

      badge 23.06.15

      글 등록

      카테고리를 선택해주세요.

      DEVOTEE를 활성화 시키면
      지금 작성한 커뮤니티 글에 대해 1개의 댓글을 달아줍니다.

      버튼을 누르면 글 수정 시 ChatGPT가 작성한 댓글이 수정됩니다.

      임시저장함에 저장되었습니다. 저장일시 : 2022.5.17 14:29:08

      임시저장함

      제목을 선택하시면 이어서 작성이 가능하며,
      최대 20건까지 저장합니다.
      컨텐츠 유형, 제목, 저장일시, 삭제로 이뤄진 임시저장 목록
      컨텐츠 유형 제목 저장일 삭제

      데보션 블로그 게재 요청

      CLOSE
      • *
      • *

      본인인증

      효율적인 데보션 서비스 이용 및
      고객님의 소중한 개인정보보호를 위해
      본인인증을 진행해주세요. 본인인증 미 진행 시 로그인이 제한됩니다.
      본인인증 실패

      본인인증 로그인에 실패하였습니다.
      회원이 아니시거나 본인인증 등록이
      완료되지 않은 사용자입니다.

      회원정보 연결

      Swift로 정적 웹사이트 만들기

      추영욱 23.03.06
      3,557 20 1

      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를 좋아하시는 분들이라면 한 번 도전해보시는 것을 추천드립니다.

      댓글 0

      DEVOTEE를 활성화 시키면
      지금 작성한 댓글에 AI가 댓글을 달아줍니다.

      추영욱 님의 최신 블로그

      더보기
      동영상 기고하기