CS

점진적 향상기법이란? / 이미지 포맷의 종류

점진적 향상기법 기본적으로 예전 기술 환경에서 동작할 수 있는 기능을 구현해두고, 최신 기술을 사용할 수 있는 환경에서는 최신 기술을 제공하여 더 나은 사용자 경험을 제공할 수 있는 방법. 예시 작동방법 웹 브라우저가 위에서부터 차례대로 내려오며 지원 가능한 포맷인지 탐색한다. (그래서 맨 위에게 가장 성능이 좋으며 효율적인 최신 기술임) 내려오며 지원 가능한 것을 택한다. 아무것도 지원하지 않을 경우, 기본 이미지를 택한다. (여기서의 babies.jpeg) 때문에 WebP나 AVIF 와 같은 최신 포맷의 이미지를 지원하고 싶다면 크로스브라우징을 위해 요소와 함께 사용 하는것이 좋다. 이미지 포맷의 종류 GIF(Graphics Interchange Format): 256색의 컬러만 표현 가능하기 때문에..

Grouping Content

HTML 작성시 가장 중요한 것들 중 하나는 항상 그룹핑(박스모델 이라고도 한다.)을 잘 해야 한다는 건다. 이렇게 해야 하는 이유는 크게 두가지 이다. CSS styling시 가장 효율적인 방식으로 작업을 가능하게 하기 위해서. 각 태그가 가진 의미들로, Semantic HTML을 작성하기 위해서. header 보통 해당 페이지에서 가장 중요한 h1태그를 포함하는 경우가 많다. 보통 웹사이트에서 윗부분에 웹사이트의 이름, 검색창, nav 태그들과 함께 들어있다. 네이버로 예를 들면 아래 사진처럼 네이버 로고와 검색창, 아래 메뉴바들을 포함한 곳이 되겠다. nav 보통 웹페이지 header 안에서 메뉴바, 혹은 카테고리를 만들어주는게 가장 흔하게 사용되는 방식이다(이 외에도 여려군데서 쓰임) ul>li ..

What is HTML Living Standard?

HTML5이라고 우리가 흔히 부르는데, 엄밀히 말하면 그건 틀린말이다. 그건 W3C사에서 주관하는 HTML이 버전별로 나올 때 그렇게 불렀던 거고, 지금은 WHATWG사에서 주관하여 HTML Living Standard (살아있는 HTML, 버전별이 아니라 쭉 업데이트된다.)가 만들어지기 때문이다. W3C와 WHATWG의 오랜 싸움 이야기는 재밌는 역사이니 한번 찾아보기를.. 사람들은 이 전에 두 회사의 HTML 선택지가 있었을 때에도 항상 WHATWG사의 HTML을 추천했는데, 아래 WHATWG사의 majot contributer중 한 명인 개발자의 블로그 포스팅을 붙이니 참고. https://annevankesteren.nl/2016/01/film-at-11전쟁이 끝나고 지금은 통합되어서 WHATWG..