1. 프레임워크(Framework)
설거지를 떠올려보자.
우리가 열심히 수세미에 퐁퐁을 묻혀서 일일이 접시를 닦아도 괜찮다!
그런데 식기 세척기가 있는 가정에서는 식기 세척기가 설거지를 해준다.
이런 것들을 우리는 프레임 워크라 부른다.
미리 만들어져서 짜여져 있는 것들을 잘 쓰기 위해서이다.
자바에서는 이 프레임워크가 Spring, Mybatis 등이 있고, CSS에서는 Bootstrap 등이 있다.
그리고 이 프레임워크를 잘 적용하기 위해서는 레이아웃을 잘 나누는 것이 중요하다.
2. 레이아웃(Layout)
브라우저 화면 안에 박스 형태의 각 콘텐츠를 원하는 위치에 배치하는 것을 레이아웃이라 한다.
이 레이아웃은 수평, 수직, 그리드 방향으로 배치 할 수 있다.
아래의 사이트를 참조하며 함께 레이아웃을 알아보자.
https://www.w3schools.com/css/css_positioning.asp
CSS Layout - The position Property
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
position의 종류는 다음과 같다.
- static | relative | fixed | absolute | sticky
다음 게시물부터 하나씩 알아보자.
'⁂ CSS > : 기본 익히기' 카테고리의 다른 글
| [CSS] #3-3 레이아웃 3 : float 속성, clear 속성 (0) | 2022.08.01 |
|---|---|
| [CSS] #3-2 레이아웃 2 : position 속성(Static, Absolute, Relative, Fixed, Sticky) (0) | 2022.08.01 |
| [CSS] #2-3 Reset(리셋) (0) | 2022.08.01 |
| [CSS] #2-2 고급 선별자 사용해보기 (0) | 2022.08.01 |
| [CSS] #2-1 다양한 선별자, 부모-자식 관계 (0) | 2022.07.29 |