썸네일 이미지
PWA 페이지 앱 다운받기 모바일 폰에서 1. 메뉴 2. 홈 화면에 추가 3. 추가 4. 바탕화면에 아이콘이 뜸 >> 삼성인터넷 >> 삼성인터넷 구버전 ...더보기 >> 크롬 ...더보기 이렇게 다운로드 완료 어짜피 몇번 방문하면 홈화면에 추가 하시겠습니까? 라는 메시지가 뜬다. 이를 동의하면 사용자의 홈화면에 바로가기가 구동되고 PWA는 자바스크립트로 작동하여 모든 기기에서 이용 가능하고 구글과 모질라가 선도하여 만든 기능이다. 웹 자체가 앱이 되어버리는 기적 manifest.json과 serviceworker.js 만 추가해주면 된다. 추가로 웹DB기능인 IndexedDB 또한 이용 할수 있다.
jsdelivr 이용하기 < Github 활용 > 이전 편에 https://hi098123.tistory.com/16 무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속도가 느려.. hi098123.tistory.com jsdelivr 에 대하여 알아 봤다. 그렇다면 이를 어떻게 사용할수 있을까?? 만약 깃허브에 PUBLIC 으로 레퍼토리를 올렸다면 바로 이용 가능하다. https://cdn.jsdelivr.net/gh/ 사용자 이름 / 레퍼토리 명 / 파일 경로 이렇게 주소가 된다. 이전에 알아봤던대로 캐시서버에 없으면 깃..
썸네일 이미지
무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면 전세계 네트워크를 지나가면서 지연시간이 늘어나게된다. 따라서 속도가 느려지는데 이를 방지하기위해 전세계 곳곳에 캐시서버를 두고 가까운 서버에서 먼저 전송 받는다. 주로 정적인 콘텐츠(이미지,영상,자바스크립트,스타일 시트 등)를 제공한다. 아래의 이미지는 jsdelivr의 캐시서버 위치들이다. 우리나라에는 클라우드 플레어 서버 하나밖에 없다.. https://www.jsdelivr.com/network#map 노란색 - Cloud Flare 빨간색 - Fastly 파란색 - StackPath 중국(진한 빨간색) - QUANTIL 초록색 - Other ..
아이콘을 그리다, 페이지 꾸미기 XEIcon 먼저 적용방법은 아주 간단하다. 1. 사이트 태그 안에 아래의 코드를 붙입니다. 이후 https://xpressengine.github.io/XEIcon/library-2.3.3.html XEIcon, 문자를 그리다 XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다. xpressengine.github.io 여기의 목록을 참고해서 class이름을 써주면 된다 (설명에서는 i 태그를 쓰나 어떤 태그이던 class만 제대로쓰면 정상 작동 합니다.) 등등 이렇게 적용이 가능하다 제로보드 XE 운영중인 xpressengine 에서 공개중인 무료 폰트형 그림이다 XEIcon : https://xpressengine.github.io/XEIc..
썸네일 이미지
블로그에 코드블럭 적용하기 2019/06/20 디자인이 맘에 안들어 다른 코드블럭이용 (prism) Prism.JS 티스토리에 쉽게 적용하기 티스토리 적용하는데 간편하게 가능하도록! 간편하게 적용가능한 소스를 추가했다. 변경한 소스는 CDN서버(CDN서버 란?)에 올려놓아서 쉽게 사용할수 있습니다. 아래소스를 그대로 쓰면 CDN서.. hi098123.tistory.com 1. 기본코드블럭 에디터에서 코드블럭만 쓴다면 에이 이게 뭐야!! 코드블럭 디자인이 적용 안되잖아!! 라고 할수 있다 ㅋㅋ 디자인을 위해선 코드블럭 플러그인을 사용하고, 디자인을 선택해줘야 된다. 플러그인 적용을 통해 기본 편집기(뉴 에디터) 의 코드블럭을 꾸밀수 있다. 티스토리 편집기의 코드블럭은 아래의 소스를 사용하고 클라우드 플레어 cdn에서 소스를 불러온다..