한 번에 끝내는 파이썬 웹 개발 초격차 패키지 83일차

웹 &  프론트엔드 기본

내가 정말 피곤했나 보다. 어제 일찍 잠들었음에도 오늘 오전 10시 30분쯤 눈 잠깐 뜨다가 계속 잠들었는데 오후 7시가 되는 마법을 보게 된다. 그 잠든 시간 속에서 꿈은 휘황찬란하다. 드라마의 여운이 안 사라져서인지 드라마 같은 꿈이 계속해서 이어져 갔으며 나는 또 다른 세계로 빨려 들어간 느낌이 든다. 그렇게 하루를 허비하고 말았다. 난 늘 다른 꿈을 꾸곤 한다. 나처럼 꿈이 자주 바뀌는 사람이 있을까? 꿈속에서 나는 안 해본 거 없이 다 해봤던 것 같다. 꿈을 내가 조종하지는 못하기만 좋은 꿈부터 시작해서 안 좋은 꿈 봐서는 안 될 꿈까지 다 보게 된다. 그렇게 꿈속에서 나의 피로를 더 누적하는 느낌이 들 수도 있고 잠에서 깨어도 개운함을 못 느낄 때가 많다. 이토록 난 24시간 뇌가 활발히 활동하고 있다고 누가 툭 하고 건들면 픽하고 쓰러질 듯 안 쓰러질 듯 날마다 버텨가고 있다. 공부할 땐 그 공부가 뇌리에 박혀 꿈에서 활동하고 이미지와 영상을 보면 그것이 자연스레 재생되는 꿈을 보면 나도 참 재밌기도 하다.

 

---

CSS

선택자 - 기본

 

기본 선택자 : CSS가 아닌 웹 크롤링에서도 중요 요소

* 전체 선택자 (Universal Selector) : 모든 요소를 선택

* {
	color: red;
}

 

ABC 태그 선택자 (Type Selector) : 태그 이름이 ABC인 요소 선택

ex) div, li, ul ... 등

div {
	color: red;
}

 

.ABC 클래스 선택자 (Class Selector) : HTML class 속성의 값이 ABC인 요소 선택

ex) class 는 중복 가능한 선택이 가능함

.apple {
	color: red;
}

 

#ABC 아이디 선택자 (ID Selector) : HTML id 속성의 값이 ABC인 요소 선택

ex) id 는 고유한 이름만 선택이 가능함

#apple {
	color: red;
}

 

오늘은 CSS 기본 선택자 4종류에 대해서 알아보는 시간을 가졌다. *, tag, .tag, #tag 각각이 지칭하는 요소는 엄연히 다르다. 이름은 똑같을 수 있지만 사용되는 요소가 다르니까 사용을 어디에 하느냐에 따라 나타내는 값이 다르다는 것이다. 기본 선택자는 보통 전체를 알려고 할 때 주로 사용하며 태그 선택자가 가장 많이 쓰일 것이다. 태그가 해당하는 요소를 전체 찾아서 구분을 지어줄 때 사용했었으며 클래스 선택자는 중간에 값을 변경할 때 사용하였다. 아이디 선택자는 고유한 값을 줘야 하는데 웹을 작성하면서 고유한 값을 주는 일이 그리 많지는 않기에 사용 요소가 그리 크지 않았던 기억이 있다.

83일 차는 여기서 마무리하고자 합니다.

 

패스트캠퍼스 링크 :https://bit.ly/37BpXi

패스트캠퍼스 [직장인 실무교육]