로니의 개발 이야기

1. CSS3 Grid의 등장 CSS Grid는 2차원의 레이아웃을 제공한다. CSS Grid는 예전부터 핵(Hack)으로 불렸던 다양한 레이아웃 대체 방식들을 해결 하기 위해 만들어진 CSS 모듈이다. CSS Grid를 사용하게 되면서 격자 구조의 레이아웃을 쉽게 구현할 수 있게 되었다. 또한 이 레이아웃 안에 배치하는 item들을 좀 더 쉽게 이동시킬 수 있는 자유로움이 생겼다. 2. CSS3 Grid의 사용 Grid Properties Grid는 2개의 개념으로 나뉘게 된다. 첫 번째는 Container, 두 번째는 Items이다. 이 두 가지에 적용하는 속성이 구분되어 있다는 것을 잘 알고 있어야 한다. Grid Containers properties 속성 의미 display 그리드 컨테이너(Co..

CSS : html이 정보전달에 집중할 수 있게, 디자인을 담당하는 언어이다. 1. css 문법 : css 문법을 적용하는 방법에는 두 가지가 있다. 1) style 태그를 통해서 하는 방법 2) 선택자를 이용하는 방법 선택자는 tag 선택자, class 선택자, id 선택자 3가지가 존재한다. (1) tag selector : a, p, div 등 html 에 사용되는 태그에 css 효과를 적용할 수 있다. 위의 예시와 같이 {} 중괄호 안의 부분을 declaration(선언)이라고 부르고, 그 안에서 적용되는 속성들을 property, 그 속성들의 구체적인 값을 value 라고 부른다. 또한, 이러한 description을 구분해 주기 위해 ;(세미콜론) 이 구분자로서 사용된다. (2) class s..