Category: Web

0

[CSS3] Media Query 를 사용하여 반응형 웹 만들기

개요 Media Query 는 CSS3 에 포함되어 있으며, 자바스크립트 등을 사용하지 않고도 특정 요소에 해상도별로 대응하는 스타일을 각각 적용시킬 수 있도록 해준다. 정확히는 Media Type 를 이용한 표현식을 통해 스타일의 적용 범위를 한정할 수 있다.  Media Query...

0

Geolocation API 를 이용한 디바이스 위치 정보 가져오기

HTML5 에서는 Geolocation라는 API를 지원한다. Geolocation API 를 사용하면 사용자의 디바이스가 위치하는 좌표를 간단하게 알아낼 수 있다. GPS가 내장 되어 있는 디바이스에서 가장 높은 정확성을 보인다. 개인의 실시간 위치 정보는 굉장히 민감한 개인정보 이기에 사용자의...

2

[Jquery] 특정 엘리먼트로 부드럽게 스크롤 이동하기

일반적으로 특정 타겟으로 스크롤을 이동시키기 위해서는 a태그의 href 속성에 #타겟의_ID 를 써주었다. 이렇게 간단하게 클릭 시 해당 타겟으로 스크롤을 이동되게 할 수는 있으나, 밋밋하다. 당장 L0GIC.me의 상단 고정메뉴의 버튼을 누르면 해당 섹션으로 부드럽게 스크롤이 되는 모습을...

2

HTML5 WebStorage API 사용하기

소개 HTML5에는 브라우저 자체에서 데이터를 저장할 수 있는 객체를 제공한다. 바로 Local Storage와 Session Storage 이다. 둘의 차이점은 단순히 Local Storage는 데이터의 유효기간이 존재하지 않고, Session Storage 는 웹브라우저 종료시 데이터가 소멸된다는 점이다. 그 외에는...

2

[Sass] 1강 – CSS Preprocessor와 Sass 소개

CSS는 정말 간단하고 단순한 구문을 가지고 있다. Selector로 특정 엘리먼트를 선택하고, Property를 지정해주어 스타일을 표현한다. 이 간편함은 분명 CSS의 장점이나, 치명적인 단점으로도 작용 할 수 있다. 시간이 갈수록 웹은 점점 복잡해지고, 규모가 거대해지고 있다. 반복되는...