랄지 IT

CSS는 프로젝트의 규모가 커지고 수정이 빈번히 발생함에 따라 쉽게 지저분해지고 유지보수도 어려워지는 단점도 가지고 있다. Sass는 CSS pre-processor(전처리기)로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. * Syntactically Awesome StyleSheets: 구문적으로 멋진 스타일시트 * 전처리기: 입력 데이터를 처리하여 다른 프로그램에 대한 입력으로서 사용되는 출력물을 만들어내는 프로그램 Sass의 기능 변수의 사용 조건문과 반복문 Import Nesting Mixin Extend/Inheritance Sass는 2006년 Ruby로 처음 개발되었고 이후 다양한 포팅 버전이 등장..

CSS 란? CSS는 HTML 문서를 어떻게 렌더링할 것인지를 정의하기 위한 언어이다. 즉, CSS는 HTML의 각 요소(Element)의 style(design, layout etc)을 정의하여 화면(Screen) 등에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어이다. * 랜더링: 코드를 읽은 후, 화면에 시각적으로 표시하게 되는 과정 HTML5에서는 HTML는 정보와 구조화, CSS는 styling의 정의라는 본연의 임무에 충실한 명확한 구분이 이루어졌다. HTML과 CSS는 각자의 문법을 갖는 별개의 언어이며 HTML은 CSS를 포함할 수 있다. 그러나 HTML없이 단독으로 존재하는 CSS는 의미가 없다. CSS 문법 h1 { color: red; } h1 셀렉터(선택자) {} 선언 블..

HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. *마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 일반적으로 데이터를 기술하는 정도로만 사용되기에 프로그래밍 언어와는 구별된다. * 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. HTML: 마크업 랭귀지 CSS 스타일시트 랭귀지 JS: 프로그래밍 랭귀지 HTML5는 서버와의 소켓 통신을 지원하므로 서버와의 양방향 통신이 가능하다. HTML5는 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘..