Fact
- 어제 허리때문에 쉬엄쉬엄해서 오늘은 달렸다.
Feelings
- 허리 조금 나아진것 같다. 내일 스탠딩 테이블 조립해서 써야쥐 흐흐
- 수강신청 망했다. 망할 교수 이메일 다 씹었다. 나도 도로 씹어 주고 싶다.
Findings
- 엘리먼트를 화면에 배치하는것을 layout 작업 혹은 rendering 과정이라고도 한다.
-
div > *
- div 아래 모든것
- position 속성을 사용하면 상대적/절대적으로 어떤 위치에 엘리먼트를 배치할 수 있다.
- position속성으로 특별한 배치를 할 수 있다. position 속성 기본이 static이다. 그냥 순서대로 배치된다.
-
absolute는 기준점에 따라서 특별한 위치에 위치한다.
- top/left/right/bottom으로 설정한다
- 기준점은 가장 가까운 상위 element들 중에 static이 아닌 position속성을 가지는 element 기준이다.
- top left는 꼭 0이라도 주는게 좋다.
-
relative는 원래 자신이 위치해야 할 곳을 기준으로 이동한다.
- top/left/right/bottom으로 설정한다
- fixed는 viewport(전체화면/body) 보통 좌측 맨위 기준으로 동작한다.
Future Action
- 허리 조심