Development/Web, WWW(447)
-
스타워즈로 배우는 CSS선택자 우선순위
스타워즈로 배우는 CSS선택자 우선순위 https://stuffandnonsense.co.uk/archives/css_specificity_wars.html 태그 선택자클래스 선택자아이디 선택자스톰 트루퍼(Stormtrooper)다스베이더(Darth Vader)시스(Sith) element selector class selector id selectorSith power (specificity): 0, 0, 1 (1)Sith power (specificity): 0, 1, 0 (10)Sith power (specificity): 1, 0, 0 (100)
-
HTML5 지원 API
HTML5 지원 API API내용웹 스토리지(Web Storage)로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능드래그앤트롭(Drag & Drop)웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능지오로케이션(Geolocation)공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능 HTML5에서는 별도의 IP위치정보서비스를 이용하지 않고도 위치정보를파악할수 있습니다. 왜냐하면 브라우저가 IP 주소 또는 주위의 무선공유기정보등을 파악하여 제공하기 때문 각종 스마트 디바이스에 존재하는 위치 찾기 기능이 이기능을 활용하고 있습니다. 캔버스(Canvas) 2DCanvas 요소와 그리기 API를 제공 브라우저에서2D 그래픽을 지원하는 기능으로..
-
Can I use - 최신 웹 기능 적용여부 판단
최신 웹 기능 적용여부 판단 최근 웹이 빠른 속도로 발전하면서 여러 새로운 기술들이 나오고 있습니다. 하지만 웹 브라우저에서 이 기술을 지원하지 않으면 아무리 좋은 기술이더라도 당장 사용할 수 없습니다. 새로운 기술 도입 시 해당 기술을 현재 사용해도 되는 기술인지를 판단하는 데 도움을 주는 서비스가 있습니다. 웹 기능별로 브라우저들의 지원 현황 정보를 버전 별로 제공해 주고 있어 의사결정에 도움을 받을 수 있습니다. Can I use http://caniuse.com/ 브라우저 버전 항목에 마우스 커서를 가져가면 해당 버전의 전 세계 점유율을 확인할 수 있습니다.
-
웹 브라우저 점유율, Browser Evolution – The History of Web Browsers [Infographic]
Browser Evolution – The History of Web Browsers [Infographic] http://www.testking.com/techking/infographics/browser-evolution-the-history-of-web-browsers-infographic/
-
웹문서의 소스 보는 방법
웹문서의 소스 보는 방법 Chrome Internet Explorer Edge Firefox Chrome 웹문서상에서 마우스 우클릭 >> "페이지 소스보기" Internet Explorer 웹문서상에서 마우스 우클릭 >> "소스보기" Edge 웹문서상에서 마우스 우클릭 >> "소스보기" Firefox 웹문서상에서 마우스 우클릭 >> "페이지 소스"
-
HTML(Hyper Text Markup Language)
HTML(Hyper Text Markup Language) 웹페이지(웹문서)를 만들고 보여주는데 사용하는 언어 "하이퍼 텍스트(Hyper Text)"는 오늘날의 월드 와이드 웹을 특징지우는 웹페이지를 서로 연결하는 것을 의미 HTML은 웹 문서의 구조와 의미를 기술하는 언어입니다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호()에 둘러싸인 "태그"로 되어있는 HTML 요소로 채워집니다. HTML5은 본문과 그 안에 포함된 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 웹 브라우저와 같은 HTML 처리 장치의 해석에 영향을 주는 자바스크립트를 포함할 수 있습니다. HTML - Wiki https://developer.mozilla.org/ko/docs/Web/HTML https://..