git flow

Posted in etc

Responsive Web Design

반응형웹은 쉽게 말해, 디바이스 화면의 크기에 따라 웹페이지의 레이아웃이 자동적으로 재조정 되는 것을 말합니다. 기존에는 PC와 모바일기기를 대응하기 위해 선별된 기기 유형에 따른 별도의 독립적인 템플릿 (각각의 *HTML, *CSS 소스)을 이용하였지만, 반응형웹은 미디어퀴리라는 CSS기법을 이용하여 하나 템플릿(HTML, CSS소스)만으로 다양한 환경에서 레이아웃이 변환되어 최적화된 환경을 사용자에게 제공합니다. 사용자 입장에서는 어느 기기에서든 같은 콘텐츠를 적절한 화면으로 볼 […]

gulp

create package.json ( 프로젝트 폴더에서 )

vscode

https://code.visualstudio.com/ settings language setting Ctrl + P       >Configure Language theme setting F1 > theme Ctrl + p       >theme settings.json Ctrl + p       >settings.json option : Ctrl + Space Key binding Ctrl + p   &nbsp &nbsp >Keyboard Shortcuts Extensions Settings Sync – Synchronize Settings ( save […]

Posted in etc

PWA

Progressive Web Apps, PWA PWA를 구성하는 핵심 기술은 Service Worker(오프라인 캐싱)라 할 수 있다.

Posted in etc

sublime text

https://www.sublimetext.com/   package control https://packagecontrol.io/installation The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the View > Show Console menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.   install package package controll https://packagecontrol.io/installation#st3 convertToUTF8 Emmet sftp ( ctrl + alt + […]

Posted in etc

AMP

AMP(Accelerated Mobile Page)는 웹페이지를 빠르게 렌더링하는 방법이다. 성능과 최적화 측면에서 확실히 우수하다라고 판단되지만 규칙이나 제약사항등의 문제로 적용하기에는 다소 무리가 있어보인다. 이런 이유로 원본페이지와 별도의 AMP용 페이지를 만들어 연결해주는 방향으로 많이 활용되어지고 있다. 배경 자바스크립트는 웹의 필수적인 부분이지만 모바일 웹에서 속도저하를 일으키고, 보안의 취약 등등 여러가지 문제점을 내포하고 있다. 1. 너무 많은 스크립트가 여러 서버에서 로드된다. […]

Posted in etc