⏺학습한 내용🕵️‍♂️

⭕ CSS 강의내용

✅ CSS 가상선택자

🔷 행동과 관련된 디자인을 적용하는 가상선택자

└> 선택한 요소에 어떠한 행동과 규칙에 의해서 디자인을 적용하는 방법

◼ link = 방문한 적이 없는 링크에 대해서 디자인을 적용

◼ active = 해당영역 클릭했을때 적용되는 디자인

◼ hover = 커서를 올렸을때 텍스트의 디자인이나 색상변경

◼ input focus = input에 focus 됐을때의 디자인

---

🔷 일정한 규칙을 바탕으로 한 디자인을 적용하는 가상선택자

◼ first / last = 첫번째 / 마지막 데이터에 대한 디자인

◼ nth = n번째 데이터에 대한 디자인

◼ nth (2n /2n+1) = 짝수 / 홀수 번째 마다 디자인 적용

---

◼ before - 텍스트와 태그사이의 여백의 공간 디자인

◼ after - 텍스트기준 뒤쪽의 공간디자인

⏺학습내용 중 어려웠던 점🤦‍♂️

🔘 Jupyter notebook에서는 오타가 많아서 중간중간 시간을 잡아먹었었는데 Sublime Text는 글씨체나 색상을 보고 빠르게 잡아가서 좋음,,

🔘 앞으로 들여쓰기 주의해서 봐야할 것 같다고 어제 적었었는데 오늘 바로 나타났다,, 특정 명령어가 적용이 안 되서 잠깐 지체됐었는데 확실히 문제 잡아내기 좋은 툴인 듯.

⏺해결방법🙋‍♂️

강의내용처럼 오타를 줄이기 위해서 c&p하는 습관을 들이거나 특히 tag간의 들여쓰기에서 주의하면 될 듯.

⏺학습소감🙇‍♂️

이제 손에 잘 익어가고 있는데 응용을 잘 할 수 있도록 다양한 시도를 해보면서 터득해나가야겠다. 주말 복습시간이 기다려진다,,