서버 점검 안내

dsclub은 서비스의 안정성과 성능 향상을 위해
매일 04시 30분에 정기 점검이 진행됩니다.

점검 시간: 오전 4시 30분 ~ 4시 35분

해당 시간 동안 일시적으로 서비스에 접속이 불가능하오니, 양해 부탁드립니다.

간편하게 웹 앱 만들기 (안드로이드용) > 코딩 스토리

간편하게 웹 앱 만들기 (안드로이드용)

페이지 정보

작성자 profile_image tak2 (192.♡.0.1) 작성일 24-08-16 03:33 조회 5,470 댓글 2

본문

목차:

1. 크롬의 간편 웹앱 만들기 기능 소개

2. 크롬 웹앱 응용편

3. 장점

4. 단점



​웹 앱 만들기...


웹 앱 만들기 귀찮고 곤란하죠?

아마 그냥 검색 없이 간편하게 들어오게 하고싶다는 이유로 웹 앱을 제작하는 분도 충분히 많다고 생각합니다.


그런데 웹 앱 만들기 여간 까다로운 것이 아닙니다.

직접 만드려면 안드로이드 스튜디오 아니면 10년 전 나온 디자인인것 같은 툴로 힘겹게 만들거나 자사 광고 또는 로고가 포함 또는 이용에 제약이 있는 무료 간편 웹앱 제작 사이트에서 만드는 것이 대부분이며 제작 의뢰로 간다면 꽤 가격이 나간다고 합니다.



그런데 만약 광고도 없고 앱 이용에도 제약이 없는데 심지어 무료이고 초스피드로 웹 앱을 제작할 수 있는 프로그램이 이미 우리 폰에 설치되어있다면 믿으시겠습니까?



​크롬 웹 앱 생성


바로 크롬입니다. 크롬에는 방문한 사이트가 보안연결(https) 지원할 경우 웹 앱 생성 기능이 활성화 됩니다. (보안 연결을 지원하지 않는 http로 시작하는 사이트의 경우 단순 홈화면에 바로가기만 추가 됨)

그래도 요즘 개인정보를 다루는 사이트라면 법적으로 https 보안연결이 의무이다 보니 대부분의 사이트들은 크롬에서 웹 앱 생성을 지원할 것이라 봅니다.



​크롬 웹 앱 생성


정말 간단합니다.

지금부터 차근차근 알려드리도록 하겠습니다.


준비물

1. 삼성 계정으로 로그인 된 안드로이드10이상의 갤럭시 핸드폰(권장) 또는 최신 안드로이드 폰 //이 글은 삼성 갤럭시 A90 5G 안드로이드 10을 기반으로 작성되었습니다.

2. 최신 크롬


1. 사이트 접속

최신 크롬에서 원하는 보안연결이 적용된 사이트에 접속합니다.


​2.​ 점 세 개 메뉴 버튼을 클릭 

ca1ba6f09463bc86adc0ec32bd29108e_1723744742_5048.png 


​3.홈화면 추가를 클릭 

점 세 개 메뉴 버튼을 눌러 나온 메뉴의 '홈화면 추가' 메뉴를 클릭하면 됩니다.

ca1ba6f09463bc86adc0ec32bd29108e_1723744831_8625.png
 

​4. 설치 누르기

ca1ba6f09463bc86adc0ec32bd29108e_1723744871_2228.png
설치 버튼을 눌러 설치합니다.


​5. 설치 완료!​​

정말 쉽지 않나요? 이제 응용편을 알아봅시다.



​응용편​​


​1. ​위에서 진행한 과정 완료하기


2. apk 추출기 설치​​

구글 플레이 스토어(앱스토어)에서 'apk 추출기' 를 검색합니다.


ca1ba6f09463bc86adc0ec32bd29108e_1723745084_0035.png
위와 같이 생긴 앱을 설치합니다.

링크:

https://play.google.com/store/apps/details?id=ovh.oft.apkextractor


앱에 접속 후 아래의 사진과 같은 메시지가 뜨면 허용 해줍니다.

ca1ba6f09463bc86adc0ec32bd29108e_1723745245_1127.png
 


​3. apk 추출

​맨 처음 ​크롬 웹 앱 생성​ 에서 설치한 앱의 이름을 검색합니다.

ca1ba6f09463bc86adc0ec32bd29108e_1723745328_9527.png
 

해당 앱 선택, apk 공유를 클릭합니다.

ca1ba6f09463bc86adc0ec32bd29108e_1723745367_482.png


공유를 클릭하였다면, Quick Share을 클릭합니다.

ca1ba6f09463bc86adc0ec32bd29108e_1723745473_2674.png
 

QR코드 또는 링크 클릭, url 복사를 클릭합니다. 

ca1ba6f09463bc86adc0ec32bd29108e_1723745714_7289.png
 

ca1ba6f09463bc86adc0ec32bd29108e_1723745621_7248.png

복사한 URL로 접속합니다.


다운로드 버튼 클릭, 무시하고 다운로드를 클릭합니다. 다운로드 후 '내 파일 - APK 설치 파일'을 보시면 다운로드 된 apk 파일을 확인할 수 있습니다. 

ca1ba6f09463bc86adc0ec32bd29108e_1723746156_984.png
참 쉽죠?


*만약 삼성 갤럭시가 아니라 다른 안드로이드 기반 스마트폰이라면 눈물을 머금고 두 개의 스마트폰을 준비해서 블루투스로 보내는 방법 말고는 딱히 없는 것 같습니다. (카카오톡 막힘, gmail 막힘, 네이버 keep 막힘)


​장점

간편하게 코딩 없이 무료로 제작할 수 있습니다.

삼성 계정만 제대로 있다면 10분 안에 apk 파일 추출까지 할 수 있으며 만약 앱만 설치한다고 하면 1분 정도 걸리는 아주 빠른 시간입니다. (스윙투 앱의 경우 5~10분 가량 걸림)

게다가 크롬 기반이라 최신 웹기술이 항상 최신으로 적용되며 크롬 답게 성능도 준수합니다.

광고? 그게 뭐죠

게다가 앱의 아이콘 마저 웹 사이트 세팅에서 설정할 수 있기에 웹 앱에는 따로 추가적인 이미지 등이 필요하지 않아 용량 또한 약 143Kb로 상당히 작습니다.

또한 다른 모든 브라우저에서 설치된 웹 앱의 페이지에 접속을 시도하면 바로 웹 앱으로 자동 이동됩니다.


​단점

​가장 큰 단점이라 할 수 있겠는데요, 크롬의 기본 메뉴바가 뜬다는 것이 호불호가 갈릴 것 같습니다. (구글 형님께 부탁을 해보는 것은...)

ca1ba6f09463bc86adc0ec32bd29108e_1723746495_5296.png
위에

그누보드 sir.kr 상단 메뉴 보이시죠? 이게 디자인적으로 통일감을 떨어트려 큰 단점이 됩니다.



구글의 섬세함에 무릅을 치다 못해 😆😆을 탁치며 크롬 웹 앱 기능 소개를 마칩니다.

좋아요3 이 글을 좋아요하셨습니다
url 복사 카카오톡 공유 라인 공유 페이스북 공유 트위터 공유

tak2님의 댓글

profile_image tak2 아이피 (192.♡.0.1) 작성일

구글 페이지 성능 검사 점수가 24점인데도 웹 앱에서는 뭔가 빠른 느낌이랄까요?

tak2님의 댓글

profile_image tak2 아이피 (223.♡.238.58) 작성일

아이폰은... 그러게 누가 칼들고 협박했나요?
내가 선택한 아이폰, 악으로 깡으로 버팁니다!

전체 269건
게시물 검색

접속자집계

오늘
267
어제
1,445
최대
4,271
전체
291,177