WEB개발이야기/기타 2020. 8. 11.
PWA(Progressive Web Apps) Manifest 만들기
PWA란 무엇이고 장단점은 무엇인가에 이어 웹앱 매니페스트(Manifest)를 만들고 사용하는 방법입니다. PWA의 핵심은 매니페스트(Manifest)와 서비스워커(service-worker)입니다. 그중에서 매니페스트(Manifest)는 인스톨 배너와 앱 아이콘에 대한 설정을 담당합니다. 웹앱 매니페스트(Manifest)란?웹앱 매니페스트(Manifest)는 PWA(Progressive Web Apps)의 설치와 앱의 구성 정보를 담고 있는 json 설정파일입니다. 이 설정은 크게 아래와 같은 작업을 합니다. App Icon : 설치 시 앱의 아이콘 이미지와 크기 설정 스플래시((splash screen) 화면 : 로딩화면 설정 Start URL : 웹앱이 실행될 때 가장 처음 보여질 URL 설정 Di..
WEB개발이야기/기타 2020. 8. 3.
PWA(Progressive Web Apps)란 무엇이고 장단점은 무엇인가
Google I/O 2016에서 구글은 PWA(Progressive Web Apps)라는 신기술을 소개했습니다. 신기술이라고해서 없던 기능이 나온 것은 아니고 여러가지 있던 기능이나 이론을 조합하여 앱과 웹의 장점을 합친 것이라고 볼 수 있습니다. PWA란 무엇인가?PWA에 대해 이렇다 저렇다 여러 정의들이 있지만 쉽게 생각하면 아래와 같습니다. 인터넷 웹사이트의 파일들(html, javascript, css, images같은..)을 컴퓨터에 잘~ 저장(캐싱)해 놨다가 다시 요청이 올 때 저장(캐싱)된 파일들을 먼저 보여주고 필요할 떄 웹서버에 있는 데이터를 받아서 보여주는 기술과 홈스크린에 바로가기 아이콘을 설치 할 수 있게 하는 기술, 그리고 서버의 소식을 클라이언트에 전하는 Push기술 입니다. P..
WEB개발이야기/기타 2020. 7. 31.
브라우저에서 쿠키를 삭제하는 방법
웹어플리케이션이나 웹사이트를 개발하다 보면 쿠키를 삭제 해야 하는 일이 종종 있습니다. 쿠키는 브라우저를 리로딩하거나 껏다켜더라도 정보가 남아 있기 때문에 사용자의 편의를 위해 웹개발자들이 많이 사용하는 방법입니다. 다만 실제 서비스를 할때는 유용하지만 개발을 할때는 불편한것이 사실입니다. 그래서 간단하게 쿠키를 삭제하는 방법을 포스팅해 볼까합니다. 크롬에서 URL로 삭제하기먼저 크롬 브라우저에서 아래의 주소로 접근합니다. 주소입력창에 chrome://settings/clearBrowserData 를 입력합니다. 쿠키나 접속기록을 언제까지 삭제할 건지 기간을 선택합니다. 인터넷에 접속한 기록을 삭제할 것인지 체크합니다. 체크하면 접속 기록이 삭제됩니다. 브라우저에 쌓여있는 쿠키같은 데이터를 삭제 합니다...
WEB개발이야기/기타 2018. 12. 16.
google 번역기 플러그인으로 다국어 적용하기
기술이 너무나 급성장을 하는 것을 새삼 느낍니다. 예전에도 번역프로그램이 없었던 것은 아니지만 번역율이 좋지 않아서 거들떠도 보지 않았었는데 지금은 인공지능이라고 하는 머신러닝 기술을 이용해서 상당히 번역율이 높아지고 있음을 실감합니다. 그 선봉에 서있는 기업이 역시나 구글입니다. 구글은 전세계 언어를 서로 번역하는 기능을 무료로 제공 하고 있습니다. 무료로 제공한다고 해서 구글이 착한 회사라고는 할 수 없지만 그래도 일반인 입장에서는 고마운 기능임에는 틀림없습니다. 그래서 블로그나 웹사이트를 구글 번역 플러그인을 사용하여 어느정도 퀄리티 있는 번역을 제공하는 방법을 포스팅해 보려고 합니다. 구글 번역사이트 접속하여 코드 발행하기 구글 번역 웹사이트 먼저 구글 번역웹사이트에 접속을 합니다. 접속 후 웹사..
