PWA(프로그레시브 웹 앱) 기능을 새로 추가했습니다

사이트를 앱처럼 설치·실행할 수 있는 PWA 기능을 도입했습니다.

사용자: 브라우저에서 「홈 화면에 추가」하면 앱처럼 아이콘으로 실행할 수 있습니다.

관리자: 사이트관리 > PWA 메뉴에서 앱 이름, 아이콘, 테마 색, 푸시 알림, 앱 카테고리, 앱 바로가기 등을 설정할 수 있습니다.

푸시 토픽(세그먼트) — 태그로 쉽게 설정

알림을 보낼 대상을 나누는 토픽(세그먼트)를, 쉼표 입력 없이 태그 추가 방식으로 설정할 수 있습니다.

토픽 이름을 입력하고 「추가」를 누르면 태그로 붙고, × 를 누르면 삭제됩니다.

입력란과 「추가」 버튼은 한 줄에 고정되고, 태그의 × 버튼은 테두리/아웃라인 없이 보이도록 했습니다.

앱 카테고리 — 목록 선택 + 직접 입력

미리 준비된 목록(비즈니스, 생산성, 교육, 엔터테인먼트 등)에서 선택해 추가할 수 있습니다.

목록에 없는 값은 직접 입력 후 추가할 수 있고, 추가된 항목은 태그처럼 표시되며 × 로 삭제할 수 있습니다.

선택·입력·「추가」 버튼은 한 줄에 나오고, 태그 × 버튼은 테두리/아웃라인이 보이지 않도록 했습니다.

앱 바로가기 — 폼으로 간단 설정

아이콘을 길게 눌렀을 때 나오는 빠른 메뉴(최대 4개)를, JSON이 아닌 일반 폼으로 설정할 수 있습니다.

각 항목마다 메뉴 이름과 이동할 주소를 입력하고, 주소는 사이트 페이지 목록에서 선택하거나 직접 입력할 수 있습니다.

항목 추가/삭제는 버튼으로만 하면 되어, 일반 사용자도 쉽게 설정할 수 있습니다.

마이페이지 알림 설정

회원이 푸시 알림 구독과 토픽별 수신 설정을 할 수 있는 마이페이지 알림 화면을 두었습니다.

폼 제출은 기존 방식(자동 부착)을 그대로 쓰고, 성공/실패 메시지와 화면 갱신은 테마 ajax에서 처리하도록 구성했습니다.