웹개발 TID(Today I Learned) 5일차

개요

6/22 (수) 20:40 ~ 21:10

 

나 모처럼 공부하러 왔는데 이게 무야?

 

오늘은 실제 코딩은 못해보았다.

싸지방 자리 방화벽이 이상한건지 구름 컨테이너가 이상한건지, 내 프로젝트를 불러오지 못했다..

오늘은 강의 들으며 내용 정리!

---

내용 정리

1. CSS의 position 속성 톺아보기

 - position : {relative | static | absolute | fixed | sticky }

   1) relative : 지금 내가 있는 위치 기준으로 한다.

   2) absolute : 부모 객체의 위치 기준으로 한다.

   3) static : 브라우저의 기본값으로 한다.

   4) fixed : 보여지는 화면에서 특정한 위치에 고정되어버린다. 다시말해, 페이지에서 스크롤을 올리거나 내려도 그 위치에 남아있다. 웹페이지 배너광고 같은 것들이 여기에 해당한다.

   5) sticky : absolute와 fixed의 중간 버전으로, 처음에는 위치가 변화하다가 중간부터 위치가 고정된다.

 

 

2. [Flexbox] 

 - Flexbox라는 놈. 요거는 CSS에서 매우 중요하다. CSS 로드맵에 거의 항상 포함되어있따!

 

네이버 사전

- 부모 객체가 자손 객체들의 위치를 조정할 수 있게 해주는 기능이 바로 flex이다.

- 브라우저의 창 크기에 따라 자동으로 맞춰지는 '반응형' 특징이 있다. (티스토리 반응형 스킨도 Flexbox로 만들었을라나?)

 

---

오늘은 시간이 별로 없어서 뭐 한 게 없네... 🤣

다음에 추가해야겠습니다.