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

웹 &  프론트엔드 기본

오늘은 전도 집회를 하는 날이었다. 아직도 나는 전도 대상자를 확고하게 정하지 못함에 조금 씁쓸함이 있다. 1부 예배 끝나고 2부 시간에는 전도 대상자들이 오프라인 혹은 온라인으로 예배를 드려서 목사님이 준비하신 자료로 복음을 전하는 시간이었다. 그 시간에 우리 대학 & 청년 & 장년부는 다 같이 기도하는 시간을 가져 새 신자들과 교회를 다녔다가 안 나가는 지체들을 위해 목사님을 위해 안내하시는 분들을 위해 기도를 할 수 있었다. 많은 열매가 맺기를 바라며 모두가 한 마음이었으며 후에 후기도 나쁘지 않게 들려왔던 것 같다. 이후 시간에는 장년부 된 형 집에 놀러 가 늦은 점심을 먹고 보드게임을 하게 된다. 신상 보드게임 하면서 재밌는 게 참 많다는 것을 느낀다. 마지막 게임에는 허무하게 져버리는 안타까움을 맞이한다. 진라면 보드게임이었는데 라면 하나도 못 끓이고 완패했다는 슬픈 사실. 6시까지 하기로 약속하고 시간은 제때 맞춰서 나올 수 있었으며 우리는 차 타고 올라가면서 내려오면서 나누던 대화를 하였다. 행복주택을 해야 하는 이유와 그 자격을 누려야 하지 않느냐고? 그렇게 친구를 통해 조언을 받게 되고 PDF 문서도 받게 된다. 아직은 제대로 이해 못 하지만 할 수 있으면 나도 신청해봐야겠다.

 

---

CSS

선택자 - 복합

일치 선택자 (Basic Combinator)

- 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택

span.apple {
	color: red;
}

 

자식 선택자 (Child Combinator)

- 선택자 ABC의 자식 요소 XYZ 선택

ul > .apple {
	color: red;
}

 

하위(후손) 선택자 (Descendant Combinator)

- 선택자 ABC의 하위 요소 XYZ 선택

- '띄어쓰기'가 선택자의 기호!

div .apple {
	color: red;
}

 

인접 형제 선택자 (Adjacent Sibling Combinator)

- 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택

.apple + li {
	color: red;
}

 

일반 형제 선택자 (General Sibling Combinator)

- 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택

.apple ~ li {
	color: red;
}

 

오늘은 복합 선택자에 대해서 학습해보는 시간을 가졌다. 기본 선택자와 다르게 아는 내용이 거의 없었다. 그만큼 내가 CSS에 대해서 너무 몰랐다고 생각할 수 있으며 웹 개발할 당시에도 이런 깊이는 배워본 적이 없었던 것 같다. 스스로 학습해야 하는 부분에서 난 CSS를 중점적으로 공부해본 적이 없다. 복합 선택자가 나와도 활용도를 몰라서 일일이 태그 하나씩 사용하여 기본 선택자 느낌으로만 작성했던 기억이 있다. 복합 선택자 개념에 대해서 아니까 어느 정도 CSS 다루는 것에 의해 자신감이 붙게 된다. 몰랐던 부분이 뻥 뚫리며 강의를 통해 많은 해소함을 느끼게 된다.
84일 차는 여기서 마무리하고자 합니다.

 

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

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