스윙투앱 도움말
문의하기앱 제작하기
  • 스윙투앱
  • 스윙투앱 이용 안내
  • [웹앱] 스윙투앱 강점
  • [일반앱] 스윙투앱 강점
  • 스토어 유지보수
  • 커스터마이징(앱개발 서비스)
  • 스윙투앱 업데이트
  • 스윙투앱 업데이트 히스토리
  • 자주 묻는 질문 FAQ
    • 가장 많이 묻는 질문 FAQ
    • 앱제작 FAQ
    • 앱운영 및 기능 FAQ
    • 앱 설치 및 다운로드 FAQ
    • 결제/이용권 FAQ
      • 일반 결제 문의 FAQ
      • 구독형 이용권 FAQ
      • 무제한 이용권 FAQ
      • 업로드티켓 FAQ
      • 패키지상품 FAQ
      • 플러그인 상품 FAQ
    • 푸시 발송 관련 FAQ
    • 플레이스토어 FAQ
    • 앱스토어 FAQ
    • 애드몹 FAQ
    • 제휴프로그램 FAQ
    • 커스터마이징 관련 FAQ
    • 스윙샵(스윙쇼핑몰) FAQ
    • 계정-회원가입,로그인 FAQ
    • 앱 미리보기 FAQ
    • 스토어 유지보수 컨설팅 FAQ
    • 구글플레이 개발자 계정 FAQ
  • 일반프로토타입 앱 매뉴얼
    • 앱제작 매뉴얼(V3)
      • V3 앱제작 마법사 시작
      • V3버전 앱제작 방법 매뉴얼
      • STEP1 기본정보
        • 앱아이콘 이미지 제작 가이드
        • 대기화면 이미지 제작 가이드
      • STEP2 디자인
      • STEP3 페이지
        • 앱 홈화면 제작방법
        • 메뉴 아이콘 이미지 등록하기
        • 앱 메뉴 비활성화 이용방법
        • 메뉴 권한 설정: 접근 권한
        • 페이지 기능 - UI KIT
        • 페이지 기능 - 쇼핑몰 기능 페이지
        • 페이지 기능 - 쇼핑몰 상품
        • 페이지 기능 - 상품카테고리
        • 페이지 기능 - 업종별 템플릿
        • 페이지 기능 - 이미지 페이지
        • 페이지 기능 - HTML에디터 페이지
        • 페이지 기능 - 회원가입, 로그인, 설정
        • 페이지 기능 - 게시물 검색
        • 페이지 기능 - 관심글 보기
        • 페이지 기능 - 쿠폰조회하기
        • 페이지 기능 - 앱공유하기
        • 페이지 기능 - 앱소개
        • 페이지 기능 - 관리자 채팅
        • 페이지 기능 - 채팅목록
        • 페이지 기능 - 설문조사
        • 페이지 기능 - 나의 글 보기
        • 페이지 기능 - 출석체크
        • 페이지 기능 - 링크
      • STEP4 앱제작하기
        • 앱 추가 제작방법
        • 앱 업데이트 방법
        • 업데이트 유형별 앱 실행화면
        • 디바이스 모드 설정(앱 화면 전환)
        • 앱 리뷰 버튼
        • 앱 로딩 아이콘 변경
      • 앱 업데이트 방법
    • 앱제작 메뉴얼(V2)
      • 앱 기본정보
        • 앱제작 방법 매뉴얼
        • 앱 업데이트 방법
        • 푸시, 웹뷰버전 앱제작방법(초간단 앱제작)
        • 웹뷰앱 매뉴얼(제작 및 운영)
        • 푸시앱 매뉴얼(제작 및 운영)
        • 푸시앱 툴바 제거
        • 업데이트 유형별 앱 실행화면
        • 앱 추가제작
        • 앱아이콘 이미지 제작 가이드
        • 대기화면 이미지 제작 가이드
        • 앱 이미지 사이즈 편집도구
      • 디자인테마
        • 프로토타입 UI디자인
        • 앱 메인 디자인 스타일
        • 앱 내비게이션 스타일
        • 슬라이드 프로토타입 응용
      • 페이지메뉴
        • 페이지메뉴-메인메뉴 관리
        • 앱 홈화면 제작방법
        • 홈화면:앱소개 페이지 적용하기
        • 웹링크 메뉴 이용방법
        • 파일 첨부 이용방법
        • 이미지 첨부 이용방법
        • 웹링크 링크마법사 이용방법
        • 상품카테고리 이용방법
        • 사용자페이지 이용방법
        • 사용자 페이지- 이미지 페이지
        • 사용자 페이지- 웹 템플릿 페이지
        • 사용자 페이지- HTML에디터 페이지
        • 스윙 페이지 - 회원가입, 로그인, 설정
        • 스윙페이지 - 게시물 검색 기능
        • 스윙페이지 - 관심글보기 이용방법
        • 스윙페이지 - 쿠폰조회하기
        • 스윙페이지 - 앱공유하기
        • 스윙페이지 - 앱소개
        • 스윙페이지 - 관리자채팅
        • 스윙페이지 - 채팅목록
        • 스윙페이지 - 설문조사
        • 스윙페이지 - 나의글보기 이용방법
    • 앱제작 응용 TIP(V2)
      • 푸시 API를 이용하여 푸시 발송하기
      • 홈화면 GIF이미지 넣기
      • 플래시 스타일 홈화면 만들기
      • 앱 로딩 아이콘 변경하기
      • 디바이스 모드 설정(앱 화면 전환)
      • 앱 리뷰 버튼 이용방법
      • 카카오톡 앱공유-앱 셋팅 방법
    • 앱운영 매뉴얼
      • 내 메뉴
        • 앱 활동 모음
        • 앱 제거(삭제)방법
        • 내 정보 수정
      • 게시판관리
        • 게시판 만들기
        • 게시판 종류, 디자인스타일
        • 게시판 날짜 형식 설정 방법
        • 게시판 - 게시물 입력방법
        • 게시판 - 게시물 예약 설정
        • 게시판 고급설정 - 게시물 상세 옵션 설정
        • 게시물 정렬 순서 설정 방법
        • 게시판 - 파일 첨부하기 (관리자용)
        • 앱에서 게시판 파일 첨부하기
        • 게시판 - 동영상 등록하기(영상 등록방법)
        • 게시판-오디오파일 첨부방법
        • 게시물 댓글, 대댓글 입력방법
        • 게시판 권한 설정 이용방법
        • 게시판 작성폼 이용방법
        • 게시판 작성글 이용방법
        • 게시판: 목록화면, 작성화면 이용방법
        • 게시판 새글알람 설정방법
        • 게시판 관리자 설정
        • 위치등록(지도)게시판
        • 위치등록(지도)게시판 버튼명 수정
        • 위치등록(지도)게시판 고급설정
        • 구글맵(구글지도)게시판
        • 구글맵 API키 발급하기
        • HTML에디터글쓰기
        • 게시물 신고 및 관리
        • 게시물 차단하기
        • 회원등급별 게시판 만들기
        • 게시판 섬네일 이미지 등록
        • 게시물 검색 기능
        • 게시물관리 옵션 기능
        • 일괄등록 게시판 이용방법
        • 복합게시판
        • 게시판 복사
        • 게시물 복사
        • 게시물 이동
        • 게시물 일괄 삭제
        • 그룹채팅
        • 그룹채팅 기능 소개
        • 비밀게시판 만들기(1:1 고객센터)
        • 게시물 링크 생성하기
        • 캘린더 이용방법
        • 캘린더 응용-활용방법
        • 스탬프 이용 및 등록방법
        • 스탬프 응용: 스탬프 완료시 쿠폰발행하기
        • 게시판 헤더 이용방법
        • 해시태그 2가지 이용방법
        • 해시태그 검색옵션 이용방법1
        • 해시태그 검색옵션 이용방법2
        • 게시글 다운받기(게시물 다운)
      • 서비스관리
        • 팝업 이용방법
        • 출석체크
        • 설문조사
        • 리소스관리- 용량관리
        • 쿠폰관리: 쿠폰만들기, 발행하기
        • 관리자채팅 [1:1 채팅] 이용방법
        • 채팅 관리자 페이지 (웹 대시보드용)
        • 채팅 관리자 페이지 - 채팅설정
        • 통합 알림 설정
        • 앱 정책관리 - 앱 가입 정책
        • 앱 정책관리 - 회원가입 양식
        • 회원가입 양식 - 아이디 설정
        • 회원가입 양식 - 외부 로그인 연동
        • 회원가입 양식 - 가입 항목 추가하기
        • 앱 정책관리- 회원가입 완료 메시지 설정
        • 앱 이용약관, 개인정보취급방침
        • 비공개 앱만들기
        • 앱 등록 기기수
        • 앱 고급 관리
        • 안드로이드 앱 패키지 아이디 변경
        • API-KEY 관리 페이지
        • 앱 문자열 관리
        • 엡에 셋팅된 문구(메시지) 수정 방법
        • 앱 신고 관리
        • 앱스토어 리뷰 관리
        • 애드몹 플러그인 설정
        • 링크마법사
        • 접근 권한 제어
        • 브랜드관리 - 라벨 사용
      • 푸시&회원 메뉴
        • 푸시 발송하기
        • SMS 발송 이용방법
        • 푸시 알림 방식 확인
        • 게시물 푸시발송하기
        • 푸시 알림 확인 후 메시지 표시
        • 푸시 알림 이용방법
        • 푸시 히스토리
        • 푸시 아이콘 이미지 가이드라인
        • 푸시 아이콘 이미지 등록
        • 아이폰 푸시 인증서 연장
        • 회원조회 - 회원정보 확인
        • 회원조회 - 부관리자 설정 및 로그인 방법
        • 회원조회 - 회원 생성하기
        • 회원 이름 변경 *관리자 권한 변경
        • 앱 관리자 설정하기
        • 권한그룹설정 - 회원 등급
        • 푸시 장치 관리
      • 통계
      • 버전관리
        • 버전관리- 앱제작이력, 마켓등록기록, 마켓등록관리
        • 앱스토어 업로드 신청방법
        • 플레이스토어 업로드 신청방법
        • 모바일웹 업로드 신청방법
      • 결제, 유료 상품
        • 결제- 내 결제현황 이용방법
        • 1,000건 SMS 발송 티켓 이용방법
        • 모바일웹 이용방법
        • 웹뷰 무제한 유료앱
        • 푸시 무제한 유료앱
        • 알뜰형 패키지(12개월)
        • 애드몹 파워 패키지(12개월)
        • 대용량 패키지(12개월)
        • 결제-쿠폰사용하기
        • 세금계산서, 현금영수증 발행요청하기
        • 유료상품 취소 및 환불 정책
      • 전체검색기능
  • 스윙샵 - 쇼핑몰 기능
    • 스윙샵-스윙쇼핑몰
      • 스윙샵(스윙 쇼핑몰) 신청방법
      • 스윙샵 상품유형
      • 스윙샵에서 제공하는 페이지 소개
      • 쇼핑몰 앱 홈화면 구성방법
      • 스윙샵-쇼핑몰앱 결제화면
      • 스윙샵-쇼핑몰 메인페이지 이용방법
      • 스윙샵-쇼핑몰 메인페이지 이미지 슬라이드
      • 상점관리-결제모듈관리
      • 상점관리-결제수단별 실행화면
      • 상점관리-기본정보설정
      • 상점관리-배송관리
      • 상점관리-정책설정하기
      • 상품등록-상품카테고리 등록
      • 상품등록-실물 상품 등록
      • 상품등록-상품수령방법 설정하기
      • 상품등록-디지털제품: 권한 변경 상품
      • 상품등록-디지털제품: PDF파일 등록
      • 상품등록-디지털제품: 영상파일 등록
      • 상품등록-디지털제품: 쿠폰 등록
      • 상품등록-예약시스템 날짜 예약상품 등록
      • 상품등록-예약시스템 시간 예약상품 등록
      • 상품수정-등록한 상품 수정하기
      • 상품관리-상품게시물관리
      • 상품관리-상품조회, 예약상품조회
      • 상품관리-상품노출관리
      • 주문관리 이용방법
      • 예약주문관리 이용방법
      • 상점통계 이용방법
      • 스윙페이지-쇼핑몰정보
      • 스윙페이지-상품검색
      • 스윙페이지-카테고리 리스트
      • 스윙페이지-마이페이지
      • 스윙페이지-장바구니
      • 스윙페이지-디지털상품 구매완료 페이지
  • 웹앱-웹뷰,푸시앱 매뉴얼
    • 웹뷰앱&푸시앱
      • 스윙투앱 웹뷰앱
      • 스윙투앱 푸시앱
      • 웹뷰앱 매뉴얼
      • 푸시앱 매뉴얼
      • 푸시앱, 웹뷰앱 초간단 제작방법
      • 최초 실행 주소 이용방법
      • 기본 옵션: 웹뷰 기능
      • 기본 옵션: 안드로이드 권한
      • 기본 옵션: 추가 기능(푸시앱)
      • 고급 옵션: 색상 설정(푸시앱)
      • 고급 옵션: 시스템 폰트
      • 프로그레스바 색상 설정
      • 프로그레스바 제거(사용하지 않음)
      • 앱 종료 알림 메시지
      • 권한 유형 설정
      • 부관리자 설정(푸시,웹뷰앱)
      • 안드로이드 앱 패키지 아이디 변경
      • 푸시앱 [툴바] 이용방법 및 기능 소개
      • 푸시앱 [메뉴] 리스트 수정 방법
      • 푸시 아이콘 이미지 등록하기
      • 푸시앱에서 푸시발송하기
      • 푸시테스트발송 - 푸시 장치 관리
      • [푸시앱] App Id, App Key
  • 앱 이용 가이드
    • 스윙투앱 브라우저 앱 이용방법
    • 어플리케이션 운영
      • 유료앱 전환 및 스토어 업로드 신청방법
      • 미리보기 이용방법
      • APK파일 받기 (앱 다운)
      • AAB파일 받기
      • 공유하기로 앱 설치하는 방법
      • 앱 설치 링크주소로 앱 다운받기
      • 모바일 스윙투앱 사이트 접속 후 앱 다운받기
      • 무료버전앱(APK파일) 설치가 안된다면 확인해주세요!
      • 유료버전앱(APK파일) 설치가 안된다면 확인해주세요!
      • 유료앱 기간 종료 후 무료앱 전환방법
      • 앱 비밀번호 찾기
      • 앱 프로필 사진 등록 및 변경하기
      • 앱 회원탈퇴 후 동일 아이디 재가입 방법
      • 게시판, 게시물 공유하기
      • 앱 관리자 메뉴 :관리자 로그인
      • 앱 관리자메뉴:채팅
      • 앱 관리자메뉴:스탬프 등록
      • 앱 관리자메뉴:쿠폰사용
    • 앱 미리보기 이용방법
  • 프로그램 및 컨설팅
    • 제휴프로그램
      • 제휴프로그램 소개
      • 제휴프로그램 신청방법
      • 제휴프로그램 약관
      • 제휴프로그램 홍보방법
    • 타사 앱 서비스 이전 문의
  • 스토어
    • 스토어 이용약관
      • 플레이스토어 업로드 대행 약관
      • 앱스토어 업로드 대행 약관
      • 플레이스토어 등록 불가 앱(컨텐츠, 업종)
      • 앱스토어 등록 불가 앱(컨텐츠, 업종)
      • 앱스토어, 플레이스토어 등록 주의사항
      • 애플 개발자 계정 대리 등록 주의사항
      • 앱스토어 주요 정책 이슈
      • 플레이스토어 주요 정책 이슈
    • 개발자 계정 자주 묻는 질문
      • 구글 개발자계정 자주 묻는 질문
      • 애플-앱스토어 자주 묻는 질문
      • 구글 개발자 계정 생성 방법
      • 애플 개발자 계정 생성 방법
      • 애플 개발자 계정 갱신(멤버십 연장)
    • 플레이스토어
      • 구글 플레이 정책
        • 민감한 권한 API: 쿼리 권한 정책
        • 앱 액세스 권한
        • 사용자 제작 콘텐츠(UGC)
        • 데이터 보안
        • 아동 안전 표준 정책
        • 개인정보 링크 연결하기
        • 플레이스토어 사전고지 문서(증빙서류)
      • 비공개 테스트
        • 비공개 테스트 등록
        • 비공개 테스트 승인 완료 프로덕션 출시
        • 비공개 테스트 가이드 및 주의사항
        • 비공개 테스트 FAQ
      • 플레이스토어 앱 등록 매뉴얼
      • 플레이스토어 앱 업데이트
      • 구글 개발자-개인 계정 만들기
      • 구글 개발자 개인 계정 인증
      • 구글 개발자-조직 계정 만들기
      • 구글 개발자 조직 계정 인증
      • 구글 개발자-조직 웹사이트 인증
      • 구글 개발자 계정 초대
      • 플레이스토어 앱 등록 준비사항
      • 플레이스토어 스크린샷 이미지
      • [웹앱] 플레이스토어 심사 거절 사례
      • 플레이스토어 앱 심사 거절 사례
      • 플레이스토어 앱 출시 링크 확인 방법 ​
      • 플레이스토어 앱 게시취소
      • 구글 플레이 개발자 이름 변경
      • 구글 플레이 개발자 연락처 정보 변경
      • 구글 개발자 거래 ID 확인
      • 다른 개발자계정으로 앱 이전하기
      • 플레이스토어 앱 검색 TIP
      • 플레이스토어 앱 설치수 확인하기
      • 플레이스토어 개발자 페이지
      • 플레이스토어 출시 후 관리 페이지
      • 플레이스토어 출시된 앱 업데이트 받는 방법
      • 플레이스토어 앱 자동업데이트 설정하기
      • 플레이스토어 이의제기(앱 복원방법)
      • 플레이스토어 앱 리뷰에 답글 달기
      • Google Play Console 지원팀 문의하기
      • 구글 플레이 개발자 계정 인증 기한 선택
      • 구글 개발자 계정 확인 기한 '개인' 계정 인증
      • 구글 개발자 계정 확인 기한 '조직' 계정 인증
      • 플레이스토어 등록된 앱 삭제
      • 플레이스토어 운영 가이드
      • 구글 계정 만들기
      • 구글 플레이 개발자 계정 환불
    • 앱스토어
      • 애플 계정 만들기
      • 앱스토어 애플 개발자계정 등록(개인)
      • 앱스토어 애플 개발자계정 등록(기업)
      • 애플 개발자 계정 멤버십 연장(갱신)방법
      • 앱스토어 앱 등록 준비사항
      • 앱스토어 스크린샷 이미지
      • 앱스토어 업로드 신청방법
      • 앱스토어 앱 심사 거절 대표 사례
      • [웹앱] 앱스토어 앱 심사거절 사례
      • 아이폰 푸시 인증서 연장
      • TestFlight 앱출시 방법
      • TestFlight 앱 연장방법
      • Apple Developer Enterprise Program
      • 애플 개발자 계약 업데이트
      • 앱스토어 API 인증서 등록하기
      • 앱스토어 아이폰 푸시 인증서 등록
      • 애플 앱스토어 고객센터 이용방법
      • 앱스토어 앱 출시 링크 확인하는 방법
      • 애플 계정 사용자 초대
      • 앱스토어 앱 이전
      • 앱스토어 출시된 앱 삭제하기
      • 앱스토어 앱설치수 확인하기
      • 앱스토어 리뷰/ 평점 관리
      • 앱스토어 출시 후 관리 페이지
      • 앱스토어 '디지털 서비스법 규정' 조치방법 안내
      • Apple Developer Enterprise Program
    • 원스토어
      • 원스토어 앱 등록 방법
      • 원스토어 앱 업데이트하기
      • 원스토어 출시된 앱 판매중지하기
    • 갤럭시스토어
      • 갤럭시스토어 앱 등록 및 출시
      • 갤럭시스토어 앱 업데이트하기
    • 애드몹(구글 애드몹 광고)
      • 애드몹 플러그인 설정이란?
      • 애드몹 예상 수익 계산기
      • 애드몹 가입방법, 광고단위 아이디 만들기
      • 애드몹 플러그인 광고 셋팅
      • 애드몹 - 테스트 아이디 설정
      • 애드몹 - 광고 노출 권한 설정
      • 애드몹 배너광고 노출빈도 설정
      • 애드몹 - app-ads.txt 파일 설정하기
      • 애드몹-스윙투앱 계정 초대하기
      • 애드몹 운영 주의사항
      • 애드몹 광고 셋팅 주의사항
      • 앱미리보기 이용방법
    • 인앱(In-App)
      • 인앱(In-app)이란?
      • 인앱 주의사항
      • [구글] 결제 프로필 설정 방법
      • [구글] 플레이스토어 인앱 상품 등록
      • [구글] 플레이스토어 인앱 환불, 취소
      • [구글] 인앱 판매자 계좌정보 입력
      • [애플] 은행 계좌 등록 및 수정방법
      • [애플] 앱스토어 인앱 상품 등록
  • 개발자 문서
    • AppLink 연동
      • 안드로이드 AppLink 연동하기
      • iOS앱 Universal Links 적용하기
    • Server Side API 명세서
      • 푸시 API를 이용하여 푸시 발송하기
      • 푸시알림 목록 가져오기
      • 푸시알림 읽지 않은 메시지 Count
      • 푸시알림 읽음처리 API
    • 웹뷰(웹뷰,푸시전용) 개발도구
      • 웹뷰에서 구글, 페이스북 로그인 구현하기
      • 웹사이트 회원 연동 가이드
        • 워드프레스 웹사이트 회원 연동 가이드
        • Wix 웹사이트 회원 연동 가이드
        • 카페24(Cafe24) 웹사이트 회원 연동 가이드
        • 아임웹 웹사이트 회원 연동 가이드
      • Javascript 웹뷰 API 문서
        • API 를 활용한 예제
        • Meta SDK 활용하기
        • 안드로이드 인앱결제 구현하기
        • iOS 인앱결제 구현하기
    • Firebase 연동
      • Firebase 프로젝트 연동하기(안드로이드)
      • Firebase 프로젝트 연동하기(iOS)
      • Dynamic Links 연동
    • 애플 개발자 계정 등록 프로세스
    • DUNS 번호 발행 방법
    • DUNS 번호 조회방법
    • 네이버 로그인 API 연동
    • 카카오 로그인 API 연동
    • 구글 로그인 API 연동
  • 이용약관
    • 스윙투앱 이용약관
    • 스윙투앱 개인정보 처리방침
    • 스윙투앱 어플리케이션 개인정보 처리방침
    • 스윙투앱 교육용 라이선스
    • 무료앱 설치 기기수 제한
    • 이용제한 이용자 안내
    • 아동 안전 표준 정책
Powered by GitBook
On this page
  • 1.홈화면-이미지 적용
  • 2.게시판 적용
  • 3.사용자페이지 – 이미지페이지 적용
  • 4.사용자 페이지 – 웹템플릿 페이지 적용
  • 5.사용자 페이지 – HTML에디터 페이지 적용
  • 6.앱소개 페이지 적용
Edit on GitHub
  1. 일반프로토타입 앱 매뉴얼
  2. 앱제작 매뉴얼(V3)
  3. STEP3 페이지

앱 홈화면 제작방법

페이지 디자인을 적용한 앱 메인 홈화면 제작방법 매뉴얼

PreviousSTEP3 페이지Next메뉴 아이콘 이미지 등록하기

Last updated 1 year ago

앱 홈화면 제작 방법

1. 이미지 적용

2. 게시판 적용

3. 사용자 페이지- 이미지 페이지

4. 사용자 페이지- 웹템플릿

5. 사용자 페이지 – 에디터 페이지

6. 앱소개 페이지

*홈화면에 웹링크(웹사이트)는 적용하지 않도록 해주세요. 웹사이트를 연결하신다면 일반 프로토타입이 아닌 웹뷰, 푸시로 제작해주시기 바랍니다.

홈화면 제작은 앱제작 메이커 → STEP3 페이지 → HOME 화면 설정→ HOME 버튼을 선택해서 제작할 수 있습니다.

페이지 디자인에 제공되는 다양한 기능들을 선택해서 화면을 제작할 수 있습니다.

1.홈화면-이미지 적용

홈화면 적용 첫번째 방법은 이미지를 업로드 하는 방법입니다.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름 입력:홈 상단에 보이는 이름을 입력해주세요. *이름을 바꾸지 않으면 앱 이름으로 표시됩니다.

4)메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5)페이지 디자인에서 [이미지 업로드] 메뉴를 선택합니다.

6) 파일 첨부 창이 뜨면, 원하는 이미지 파일을 선택해주세요.

7) [적용하기] 버튼 선택

8) 화면 상단의 [저장]버튼을 누르면 완료!

*이미지는 핸드폰 규격 사이즈가 다 다르기 때문에 정확한 권장 사이즈는 없어요.

다만 핸드폰 화면에 어느정도 꽉 차게 제작하고 싶다면 *가로 사이즈: 1080px, 세로는 1980px~2200px로 작업해서 넣어주세요.

-세로는 핸드폰 기종에 따라 차이가 있기 때문에 세로는 앱 화면을 보고 조금씩 사이즈를 조율해주시기 바랍니다.

-가로 화면에 맞춰서 모바일 화면에 리사이징되기 때문에 세로 길이는 핸드폰마다 조금 남거나 길어서 스크롤이 생길 수 있습니다.

2.게시판 적용

두번째 방법은 게시판을 홈화면으로 적용시키는 방법이에요!

*안내: 게시판을 홈화면으로 적용시 글쓰기는 제공되지 않습니다.

즉, 홈화면은 게시판 목록 상세글보기만 제공이 되며, 홈화면에 적용된 게시판에서는 게시물 글쓰기를 할 수 없어요.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름 입력:홈 상단에 보이는 이름을 입력해주세요. *이름을 바꾸지 않으면 게시판명으로 표시됩니다.

4)메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5)페이지 디자인에서 UI KIT – 게시판을 선택합니다.

6) 게시판을 선택한 뒤 [적용하기] 버튼을 선택해주세요.

*게시판화면에 마우스를 가져다대면 적용하기 버튼이 보입니다.

7) 화면 상단의 [저장]버튼을 누르면 완료!

만약 만들어놓은 게시판이 없다면, 게시판을 먼저 만든 뒤 앱에 적용해주세요.

위의 [새로 만들기] 를 선택하면 게시판 관리 화면으로 이동합니다.

3.사용자페이지 – 이미지페이지 적용

세번째 방법은 이미지페이지를 만들어서 홈화면에 적용하는 방법이에요.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름은 변경 하지 않아도 됩니다. *이미지 페이지는 이미지 페이지 제작도구에서 저장한 이름으로 홈화면 상단에 표시됩니다.

4)메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5)페이지 디자인에서 이미지맵을 선택합니다.

6) 홈화면에 적용할 이미지페이지를 선택한 뒤 [적용하기] 버튼을 선택해주세요.

*이미지페이지 화면에 마우스를 가져다대면 적용하기 버튼이 보입니다.

*만들어놓은 페이지가 없다면, [새로 만들기]버튼을 눌러서 제작해주세요.

7) 화면 상단의 [저장]버튼을 누르면 완료!

만약 만들어놓은 이미지페이지가 없다면, 이미지페이지를 먼저 만든 뒤 앱에 적용해주세요.

위의 [새로 만들기] 를 선택하면 이미지 페이지 제작도구 화면으로 이동합니다.

해당 제작도구에서 이미지페이지를 만든 뒤, 앱에서 적용할 수 있습니다.

4.사용자 페이지 – 웹템플릿 페이지 적용

네번째 방법은 사용자페이지- 웹템플릿 페이지를 만들어서 적용하는 방법입니다.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름 입력:홈 상단에 보이는 이름을 입력해주세요. *메뉴 이름을 바꾸지 않으면 템플릿페이지 제작시 저장한 이름으로 표시됩니다.

4) 메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5) 페이지 디자인에서 업종별 템플릿을 선택합니다.

6) 홈화면에 적용할 템플릿을 선택한 뒤 [적용하기] 버튼을 선택해주세요.

*템플릿 페이지 화면에 마우스를 가져다대면 적용하기 버튼이 보입니다.

*만들어놓은 페이지가 없다면, [새로 만들기]버튼을 눌러서 제작해주세요.

7) 화면 상단의 [저장]버튼을 누르면 완료!

만약 만들어놓은 이미지페이지가 없다면, 템플릿 페이지를 먼저 만든 뒤 앱에 적용해주세요.

위의 [새로 만들기] 를 선택하면 템플릿 페이지 제작도구 화면으로 이동합니다.

해당 제작도구에서 템플릿 페이지를 만든 뒤, 앱에서 적용할 수 있습니다.

5.사용자 페이지 – HTML에디터 페이지 적용

다섯번째 방법은 사용자페이지- 에디터 페이지를 만들어서 적용하는 방법입니다.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름 입력:홈 상단에 보이는 이름을 입력해주세요. *메뉴 이름을 바꾸지 않으면 에디터페이지 제작시 저장한 이름으로 표시됩니다.

4) 메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5) 페이지 디자인에서 [HTML 에디터]를 선택합니다.

6) 홈화면에 적용할 에디터 페이지를 선택한 뒤 [적용하기] 버튼을 선택해주세요.

*에디터 페이지 화면에 마우스를 가져다대면 적용하기 버튼이 보입니다.

*만들어놓은 페이지가 없다면, [새로 만들기]버튼을 눌러서 제작해주세요.

7) 화면 상단의 [저장]버튼을 누르면 완료!

만약 만들어놓은 HTML 에디터 페이지가 없다면, 페이지를 먼저 만든 뒤 앱에 적용해주세요.

위의 [새로 만들기] 를 선택하면 HTML 에디터 페이지 제작도구 화면으로 이동합니다.

해당 제작도구에서 에디터 페이지를 만든 뒤, 앱에서 적용할 수 있습니다.

6.앱소개 페이지 적용

앱 소개 페이지는 처음 스윙투앱에서 앱을 제작할 때 홈화면으로 기본 셋팅이 되는 홈화면이에요.

따라서 사용자분들은 해당 앱소개페이지를 그대로 쓰셔도 되고, 위의 방법대로 다양한 스타일로 홈화면을 변경할 수 있습니다~!

만약에 다른 스타일로 홈화면을 사용하다가, 다시 앱소개페이지로 홈화면을 적용하실 경우 아래 방법으로 적용해주세요.

1)STEP3 페이지 메뉴 선택

2)[HOME] 메뉴 선택

3) 메뉴 이름 입력:홈 상단에 보이는 이름을 입력해주세요. *메뉴 이름을 바꾸지 않으면 앱 이름으로 자동 표시됩니다.

4) 메뉴설정에 있는 [기본설정, 권한 설정]은 따로 입력하지 않아도 되는 메뉴이니 다음으로 넘어가 주세요.

*홈화면에는 적용할 수 없는 기능입니다.

5) 페이지 디자인에서 [기본기능] – [페이지] 메뉴를 선택합니다.

6) 앱소개를 선택한 뒤 [적용하기] 버튼을 선택해주세요.

*앱소개 화면에 마우스를 가져다대면 적용하기 버튼이 보입니다.

7) 화면 상단의 [저장]버튼을 누르면 완료!

앱소개 페이지에 기재되는 소개, 설명, 주소, 이메일주소, 전화번호, 웹사이트 주소 등은 [고급설정]에서 수정해서 사용할 수 있습니다.

앱제작 페이지의 [고급설정] 메뉴에서 앱소개 페이지의 항목을 수정할 수 있습니다.

앱 서비스 정보를 선택하시면 홈화면에 보이는 앱소개, 전화, 이메일, 주소, 앱 설명, 웹사이트 주소 등을 수정할 수 있습니다.

[수정 방법]

1)앱제작 페이지 상단의 [고급설정] 메뉴 선택

2)설정:앱서비스 정보

3)항목별 [EDIT]버튼 눌러서 수정 할 수 있습니다.

4)수정 후 상단 [저장] 버튼을 누르면 앱에 반영됩니다.

최초 앱 제작때는 [앱제작하기] 해주야 반영됩니다. 제작해놓은 앱에 다시 수정할 때는 저장시 앱에 자동반영됩니다.

​

배너 버튼들을 모두 지우고 싶을 경우 각 항목의 [초기화] 버튼을 누른 뒤[저장] 누르면 앱에서 배너가 제거됩니다.

앱소개 타이틀 문구 수정은 최초 1회 수정시 저장 후 [앱제작 요청] 버튼을 눌러서 새 버전으로 업데이트 받아주셔야 반영됩니다.

1회 수정 이후에는 저장만 하시면 그때부터는 앱에 자동 반영되요.

★사이트주소 입력은 하단의 [공유] 아이콘 버튼과, 중간에 들어가는 사이트 링크 주소와 함께 연동됩니다.

따라서 사이트주소 입력하시면 공유버튼과 사이트 주소가 함께 표시되구요.

삭제하시면 공유버튼, 사이트주소 함께 제거됩니다.

★앱소개 페이지의 대표 이미지는 앱 아이콘이미지와 연동이 되어서 보여집니다. *별도 수정 및 제거가 불가합니다.


홈화면 적용 안내사항

1) 홈화면 – 웹링크 적용은 권장드리지 않습니다.

-홈화면에 웹사이트를 넣을 경우 새 화면이 열리지 못해 비정상으로 종료되거나, 사이트 내 보안 설정으로 앱에서 사이트가 열리지 않는 경우가 있습니다.

-로그인이 되지 않거나, 결제가 되지 않는 등 보안 문제가 발생됩니다.

-새 창으로 열려야 하는 웹 페이지의 경우 앱 화면에서 이질적으로 보일 수 있어요. (팝업 창등의 화면 구성)

따라서 홈화면에는 웹링크 사용을 피해주세요. 위에 안내드린 메뉴들로만 이용 부탁드립니다.

**또한!! 웹링크를 적용할 때 퍼가기를 금지해 놓은 사이트가 있어요.

*네이버, 다음 등의 포털 사이트와 해당 포털에서 제공하는 사이트(modoo,스토어팜 웹 등), 유튜브, SNS 사이트(인스타그램, 카카오톡, 페이스북) 등이 퍼가기를 금지해놓은 대표적인 사이트에요!

특히 자신이 운영하는 네이버 블로그 혹은 다음 카페 등은 네이버, 다음 자체에서 막아놓기 때문에 홈에 제대로 연동이 안 될 수 있어요.

일반적으로 쇼핑몰 사이트 역시 결제 등의 보안서버로 인해서 앱 내부에 적용이 불가할 수 있습니다.

* 이러한 이렇게 외부 보안이 걸려있는 웹사이트로 적용한 앱은 플레이스토어, 앱스토어 출시 안됩니다.

*웹링크를 앱 메뉴로 연동하여 ‘새창으로보기’에 체크한 경우는 문제없이 이용가능합니다.

2) 웹사이트를 걸어서 앱을 제작하고자 하는 분들은 – 웹뷰앱 or 푸시앱으로 제작하길 권장드립니다.

웹앱 형태로 웹브라우저를 그대로 앱에 연동하여 제작하는 스타일입니다.

앱 메인 홈화면에 해당 사이트 링크를 설정한 경우, 뒤로가기 등 이벤트가 웹사이트의 페이지 이력과 다르게 동작하기 때문에 제대로 동작을 하지 않습니다.

특히 쇼핑몰 사이트의 경우 구매건과 같은 보안작동으로 일반 프로토타입 앱에 적용시 제대로 작동을 하지 않게 됩니다.

따라서 웹사이트를 메인으로 사용하길 원한다면, 디자인테마- 프로토타입에서 ‘웹뷰’ 또는 ‘푸시’로 적용해서 제작해주시기 바랍니다.

3) 홈화면은 자유롭게 메뉴들을 사용하여 꾸밀 수 있습니다.

이미지페이지를 적용했다가 템플릿 페이지를 적용하는 등 자유롭게 다른 메뉴로 변경할 수 있구요.

저장만 누르면 앱에도 자동 반영되기 때문에 따로 업데이트 할 필요가 없습니다.

4) 홈화면은 기본 화면을 ‘앱소개’ 페이지로 셋팅해놓았습니다.

처음 제작하시는 분들에게 제공하는 가이드라인 셋팅화면이에요.

따라서 앱소개 페이지 외에 홈화면은 다른 메뉴로 변경해서 사용하길 권장드립니다.

이상으로 홈화면을 제작하는 방법에 대해서 알려드렸어요.

홈화면을 구성하는 다양한 메뉴들이 많이 있으니, 다양한 스타일로 홈화면을 꾸며보세요~!

기본 셋팅된 앱소개 메뉴 외에 다른 메뉴들로 수정해서 쓰시는 것을 권장드립니다.

*푸시, 웹뷰 스타일로 만드신 사용자는 앱에 해당 웹사이트 링크를 적용하여서 만드는 것이니 별도로 홈화면을 제작하지 않아도 됩니다. ^^

앱 실행화면)이미지 적용된 홈화면

적용방법

앱 실행화면) 게시판 적용된 홈화면

적용방법

앱운영-게시판 관리 화면

앱 실행화면) 이미지 페이지 적용된 홈화면

적용방법

이미지 페이지 제작도구 화면

앱 실행화면) 웹템플릿 페이지 적용된 홈화면

적용방법

템플릿 페이지 제작도구 화면

앱 실행화면) HTML에디터 페이지 적용된 홈화면

적용방법

HTML 에디터 페이지 제작도구 화면

앱 실행화면) 앱소개 페이지 적용된 홈화면

적용방법

내용 삭제 및 배너 버튼 삭제는 어떻게 하나요?

앱소개 문구는 수정하고, 저장하면 바로 반영이 안되나요?