본문 바로가기
HTMLtoSITE

사이트를 앱으로 설치할 수 있게 만들기(PWA)

마지막 업데이트: 2026-08-10

결론부터 — 편집기 설정의 ‘앱 (설치)’ 탭에서 ‘앱으로 설치 가능하게’를 켜면(Team 요금제부터) 방문자가 사이트를 폰 홈 화면에 앱처럼 설치할 수 있어요. 설치는 대표 주소 하나에서만 가능하고, 기능을 나중에 꺼도 이미 설치된 앱은 계속 정상적으로 동작해요.

한눈에 보기

걸리는 시간
약 3분
필요한 요금제
Team
코드 지식
없어도 돼요
하는 곳
편집기

따라 하기

  1. 1

    ‘앱으로 설치 가능하게’를 켜세요 — Team 요금제부터예요

    편집기에서 사이트를 열고 설정 메뉴의 ‘앱 (설치)’ 탭으로 들어가면 토글이 하나 있어요. 이걸 켜면 그 순간부터 방문자의 브라우저가 이 사이트를 설치 가능한 앱으로 인식해요. Free·Personal·Advanced 요금제에서는 토글이 잠겨 있고 ‘Team 요금제부터 사용할 수 있어요.’라는 안내만 떠요 — 쓰려면 Team 이상으로 올려야 합니다.

    편집기 앱(설치) 탭 — 방문자가 이 사이트를 앱처럼 설치하게 하는 설정 화면
    켜면 방문자의 브라우저에 ‘설치’ 안내가 뜹니다.
  2. 2

    아이콘은 자동으로 만들어져요 — 직접 정할 수도 있어요

    앱 아이콘은 브랜딩의 파비콘을 그대로 쓰는 게 아니에요 — 설치형 앱 아이콘은 크기가 검증된 별도 이미지가 필요하거든요. 아무것도 안 올리면 자동으로 만들어드리고, 직접 정하고 싶으면 512×512 이상 정사각형 PNG를 올리면 그걸 그대로 씁니다.

    설정 › 앱 (설치)
    아이콘 자동 생성
    직접 지정하려면 512×512 이상 정사각형 PNG (icon-512.png)
  3. 3

    설치는 대표 주소 하나에서만 가능해요

    사이트 하나가 서브도메인과 커스텀 도메인 여러 개로 동시에 열릴 수 있어도, 설치는 대표로 지정한 주소 하나에서만 가능해요. 대표 도메인을 따로 지정했으면 그 도메인이, 안 했으면 기본 주소가 대표가 됩니다. 나머지 주소에서는 설치 관련 경로 자체가 열리지 않아요 — 주소마다 따로 설치되면 방문자에게 같은 앱이 여러 개로 보이기 때문이에요.

    설정 › 앱 (설치)
    설치 가능한 주소 myname.html2site.com (대표 주소)
    그 외 보유한 도메인 설치 경로 열리지 않음
  4. 4

    오프라인에서도 화면이 뜨게 해줘요(서비스워커)

    켜면 방문자의 브라우저에 오프라인용 서비스워커가 함께 설치돼요. 그래서 인터넷이 잠깐 끊기더라도 화면이 새하얗게 멈추는 대신 이미 저장된 화면이 그대로 떠요. 방문자가 앱을 처음 여는 경험이 끊기지 않게 해주는 부분이에요.

    설정 › 앱 (설치)
    오프라인 화면 서비스워커가 자동으로 표시
    인터넷이 끊기면 이미 설치된 화면은 그대로 열림

자주 묻는 질문

무료 플랜에서도 되나요?

아니요, Team 요금제부터예요. Free·Personal·Advanced에서는 ‘앱 (설치)’ 탭의 토글이 잠겨 있고 ‘Team 요금제부터 사용할 수 있어요.’라는 안내만 보여요.

도메인이 여러 개면 전부 설치할 수 있나요?

아니요, 대표로 지정한 주소 하나에서만 설치할 수 있어요. 대표 도메인을 지정했으면 그 도메인이, 안 했으면 기본 주소가 대표가 되고, 나머지 주소에서는 설치 경로 자체가 열리지 않아요.

아이콘을 직접 정할 수 있나요?

네, 512×512 이상 정사각형 PNG를 올리면 돼요. 안 올리면 자동으로 만들어져요.

기능을 나중에 끄면 이미 설치한 사람의 앱은 사라지나요?

아니요, 이미 설치된 앱은 계속 정상적으로 동작해요. 새로 설치하는 것만 막혀요.

인터넷이 끊겨도 앱이 켜지나요?

네, 오프라인용 화면을 서비스워커가 보여줘요.

이어서 읽어 보세요

읽는 것보다 해 보는 게 빨라요 — 지금 HTML을 붙여넣어 보세요.

붙여넣으러 가기 무료로 시작