프로그래밍/HTML | CSS
-
[HTML5] 안드로이드, 아이폰 둘 다 지원하는 하이브리드 어플 개발을 위한 얕은 지식! [2/2]프로그래밍/HTML | CSS 2020. 1. 10. 22:37
지난번 포스트에서는 HTML5를 이용한 하이브리드 어플리케이션 개발을 위한 기본적인 지식들에 대해 알아보았습니다. 오늘은 거기에 추가로, 웹기반의 어플리케이션을 양대마켓에 출시하는 방법에 대한 실질적인 정보를 나누어보도록 하겠습니다.HTML5 어플리케이션에 대해 지식이 부족하고 이전 포스트를 보지 못하신 분들이라면 꼭 이전 포스트를 읽고 오시는 것을 추천드립니다. https://br0maandmadrat.tistory.com/24 1. 네이티브, 하이브리드 그리고 웹 어플리케이션의 차이를 이해하자.시작하기에 앞서 당신은 왜 웹 테크널러지를 이용해서 모바일 어플리케이션을 개발하는지, 그리고 정확히 웹앱, 하이브리드 앱으로 통용되는 어플리케이션, 그리고 표준 네이티브 어플리케이션의 차이를 명확하게 이해해..
-
[HTML5] 안드로이드, 아이폰 둘 다 지원하는 하이브리드 어플 개발을 위한 얕은 지식! [1/2]프로그래밍/HTML | CSS 2020. 1. 10. 22:35
브로마입니다. 본 포스트를 작성하기에 앞서 본 게시물은 https://www.joshmorony.com 의 The Step-by-Step Guide to Publishing an HTML5 Mobile Application on App Stores를 제 입맛에 맞게 번역, 거기에 필자의 정보, 사견을 조금 추가한 게시물입니다. 그리고 추후에 이러한 뜬구름 잡는 이야기들 뿐이 아닌, 직접 개발을 해보면서 실무로 경험하는 하이브리드 어플리케이션 개발 강의를 진행해보도록 하겠습니다.아마 검색창에 하이브리드 어플리케이션 개발, 하이브리드 앱 개발, HTML5 어플 개발 등등의 키워드를 검색하고 들어온 당신은 HTML5 모바일 어플리케이션에 대한 최소한의 지식은 있는 상태일 것이다. 하지만 당신은 정확히 어떻게..
-
[HTML] 아이폰에서 비디오 자동재생이 안될때 해결법 (iPhone video autoplay not working)프로그래밍/HTML | CSS 2020. 1. 10. 22:32
브로마입니다. HTML5에서 짠 코드 내에 아이폰 기종에 한하여 비디오 오토플레이가 재생이 안되는 경우가 종종 발생하곤 합니다. 이를 해결하는 방법은 아주 간단합니다. 바로 "playsinline"입니다. 하지만 만약에 이렇게 했을때도 자동재생이 안될경우 아이폰의 절전모드가 켜져있는지 확인해보시기 바랍니다. iOS 10 버전 이후의 아이폰은 autoplay inline을 지원하지만 절전모드가 켜져있을 경우 아이폰의 동영상 자동재생이 제어됩니다. 때문에 절전모드가 켜져있는 아이폰의 경우 자동재생이 불가능합니다.
-
웹폰트 적용하기의 모든것 - 2) 웹폰트 저작권, 용도에 따른 사용 가능 여부 쉽게 확인하기!프로그래밍/HTML | CSS 2019. 8. 29. 12:49
※ 기존 N사 블로그에 2019년 8월 21일자로 작성하였던 글을 금일 2019년 8월 29일자로 티스토리 블로그로 이전합니다. 브로마입니다. 저번 포스트에서는 웹개발자가 웹폰트를 사용함에 있어 가장 기초가 되는 부분이라고 할 수 있는 구글 폰트를 사용하는 방법을 알아보았습니다. https://br0maandmadrat.tistory.com/14 웹폰트 적용하기의 모든것 - 1) 구글 웹폰트 적용하기 ※ 기존 N사 블로그에 2019년 8월 18일자로 작성하였던 글을 금일 2019년 8월 29일자로 티스토리 블로그로 이전합니다. 브로마입니다. 웹폰트란 사용자가 가지고 있지 않은 폰트 중, 서버상에 존재하는 폰트의.. br0maandmadrat.tistory.com 오늘 웹폰트 적용하기의 모든것 2편..
-
웹폰트 적용하기의 모든것 - 1) 구글 웹폰트 적용하기프로그래밍/HTML | CSS 2019. 8. 29. 12:47
※ 기존 N사 블로그에 2019년 8월 18일자로 작성하였던 글을 금일 2019년 8월 29일자로 티스토리 블로그로 이전합니다. 브로마입니다. 웹폰트란 사용자가 가지고 있지 않은 폰트 중, 서버상에 존재하는 폰트의 데이터를 사용할 수 있는 것을 일컫습니다. 반대로 가지고 있는 폰트 파일을 서버에 업로드함으로서 웹폰트와 동일한 맥락으로 사용할 수도 있습니다. 웹폰트의 장점은 뭐 당연히 파일을 가지고 있지 않고 서버상의 url 주소만 가지고 있다면 어디서나 폰트를 적용할 수 있다는 장점이 있습니다. 웹폰트를 사용함에 있어 퍼블리셔들에게 뗄레야 뗄 수 없는 존재, 바로 "구글 웹폰트"입니다. 웹폰트 적용하기의 모든것 1편에서는 구글 웹폰트를 사용해 자신의 웹사이트에 웹폰트를 적용하는 방법에 대해 알..
-
한글 웹 폰트 추천: 나눔스퀘어 홈페이지에 적용하는 법 (NanumSquare)프로그래밍/HTML | CSS 2019. 8. 29. 12:33
※ 기존 N사 블로그에 2019년 8월 14일자로 작성하였던 글을 금일 2019년 8월 29일자로 티스토리 블로그로 이전합니다. 브로마입니다. 오늘은 웹상에서 한글 폰트를 사용할때 매우 빈번하게 사용되는 폰트이자, 당연히 동시에 수많은 웹개발자들, 웹디자이너분들이 선호하는 폰트인, "나눔스퀘어 (NanumSquare)" 폰트를 웹상에서 적용하는 방법에 대해서 알아보겠습니다. 나눔스퀘어를 비롯한, 네이버에서 제작, 배포하는 나눔글꼴은 모든 사용자에게 무료로 제공되며, 동시에 자유롭게 수정 및 재배포가 가능한 폰트입니다. 나눔스퀘어를 비롯한 나눔글꼴의 저작권에 대한 전문은 https://help.naver.com/support/contents/contents.help?serviceNo=1074&c..