Dev
-
[HTML] - <! DOCTYPE> 에 대해서Dev/HTML 2017. 11. 21. 15:55
DOCTYPE 이란? 먼저, HTML 에는 아래와 같은 많은 버전들이 있습니다. HTML 5 XHTML 1.1 XHTML 1.0 Frameset XHTML 1.0 Transitional XHTML 1.0 Strict HTML 4.01 Frameset HTML 4.01 Transitional HTML 4.01 Strict 이렇게 HTML 의 버전들은 버전별로 지원하는 태그들이 조금씩 다르다고 합니다. 그래서 이를 어떤 버전으로 작성되었는지 미리 선언하여 웹 브라우저가 HTML 문서를 제대로 표현할 수 있게 도와주는 역할을 합니다. 또한 태그는 html 태그가 아닙니다. 단지 html 버전에 대한 웹 브라우저 지시어 입니다. 그래서 DOCTYPE 은 아래와 같이 html 문서 제일 위에 정의해 줍니다. 12..
-
[CSS] - BEM (Block Element Modifier) 방법론 [1]Dev/CSS 2017. 11. 21. 13:49
GDG DevFest Seoul 2017 에서 백성훈님의 CSS 와 BEM 세션을 듣고 난 후, 현재 하고 있는 프로젝트에도 BEM 을 적용하면 좋을 것 같아서 개인적으로 정리하게 되었습니다 BEM (Block Element Modifier) ?? BEM 은 Yandex 라는 회사에서 개발한 방법론으로, 사내에서 프로젝트를 진행하다가 Naming Convention과 File Structure 문제를 겪게되어 방법론을 개발했다고 합니다. 먼저 CSS 방법론을 사용하는 이유로는 1. 쉬운 유지보수 가능 2. 재사용 가능 3. 쉽게 확장 가능 이라는 공통의 목적을 가지고 있다고 합니다.https://medium.com/witinweb/css-%EB%B0%A9%EB%B2%95%EB%A1%A0-1-bem-blo..
-
[CSS] - Cascade RulesDev/CSS 2017. 11. 20. 22:24
Cascade Rules 에 대해서 Cascade Rules란? cascade 란 계단 형식의 폭포수를 의미합니다. 그리하여 css 에서도 단계에 따라 css 우선순위가 달라집니다. 아래는 Cascade Rules 에 대한 참고 자료 입니다. Cascade Rules 그러면 각 단계가 무엇을 의미하는지 알아보도록 하겠습니다. 1. inheritanceinheritance 는 상속을 의미합니다. 부모 요소에 적용을 해주면 , 자식 요소에도 같이 적용이 되는 경우가 있습니다. 대표적인 속성으로는 color 속성이 있습니다. 1234567891011helloworld p{color : red;} cs 이와 같이 p 태그의 color : red 속성은 em 태그 안의 'world' 에도 적용이 됩니다. (물론 ..