WEB
-
프론트엔드 개발을 위한 기초 디자인 개념🌐 FrontEnd 2022. 6. 22. 22:00
시작하면서 프론트엔드 개발을 위한 기초 디자인 개념을 정리합니다. 색상의 개념과, 포토샵에서 웹 시안을 만들 때의 주의사항 등을 정리합니다. 색의 3원색과 빛의 3원색 색의 3원색? 색의 3원색은 CMYK(Cyan / Magenta / Yellow / blacK) 로도 표현합니다. 3원색은 Cyan(청록색) Magenta(자홍색) Yellow(노란색) 입니다. 인쇄와 같이 염료를 사용할 때 주로 사용됩니다. 전부 쌓이면 검정이 됩니다. 빛의 3원색? 빛의 3원색은 RGB(Red / Green / Blue) 로도 표현합니다. 3원색은 Red(빨강) Green(녹색) Blue(파랑) 입니다. 말 그대로 빛을 이용하기 때문에 웹 환경에서 사용하기 적합합니다. 전부 쌓이면 하얀색이 됩니다. 단위 단위는 cm,..
-
[HTML] HTML 기본 문서 구조🌐 FrontEnd/HTML & CSS 2022. 5. 6. 16:59
HTML 기본 문서 구조 1. 태그 태그는 소문자로 씁니다. 예) 여는 태그와 닫는 태그를 정확히 입력합니다. (닫는 태그가 없는 태그도 있습니다) 적당히 들여씁니다. 태그는 속성과 함께 사용됩니다. 예) 인코딩 방식은 utf-8 로 합니다. 예) 2. HTML 문서 기본 구조 (1) - 문서 유형을 지정하는 선언문 웹 브라우저에게 '이제부터 처리할 문서는 HTML 문서이고, 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라' 라고 명시해 주는 것입니다. 기본형 : 또는 -> 현재 문서가 HTML5 언어로 작성됨을 알려줍니다. (2) ~ - 웹 문서의 시작과 끝을 알리는 태그 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그입니다. lang 이라는 속성을 사용해 문서에서 사용할 언어를 ..
-
웹 표준과 웹 표준의 장점🌐 FrontEnd 2022. 4. 29. 21:39
웹 표준 웹은 브라우저 종류 및 버전에 따라 기능 차이가 발생한다. 이 차이를 호환 가능하게 제시한 표준이 바로 '웹 표준' 이다. 기종 또는 플랫폼에 따라 다르게 구현되는 기술을 동일하게 구현하고, 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 웹 표준의 궁극적인 목적은 웹 사이트에 접속한 사용자가 어떤 운영체제나 브라우저를 사용하더라도 동일한 결과를 보이게 하는 것이다. 표준을 지키지 않는 페이지나 과도한 플러그인 사용은 사용자들에게 정보 접근 제약을 야기한다. 즉, 웹 표준을 지키는 것은 웹 접근성에도 영향을 주는 것이다. 웹 표준의 장점 1. 검색엔진 최적화 (SEO) 구조화된 웹 페이지는 검색 엔진에 효율적으로 노출되어 검색 결과를 최적..