3일차 CSS

선택자

CSS는 내게는 꽤 익숙하지만 아직도 어렵다고 생각하는 분야다.
혼자 퍼블리셔로 근무하며 주먹구구식으로 해왔던 지라 아직도 내겐 깔끔하게 css를 작성하는 것은 조금 어려운 것 같다. 그리고 많은 개발자들이 나와 같은 고민을 할 것이라 확신컨데 나는 클래스 네이밍에 꽤 애를 먹는 편이다. 나름 신경 써서 클래스를 작성해도 부장님께 많이 혼이 나고는 했다. 조금 더 신경 써서 작성하여 남들이 볼 때도 납득이 가는 네이밍을 지어주고 싶다.

학습 도중 css 선택자 부분에서 모르는 선택자가 나와 익혀 두기 위해 기록한다.
사용해본 적 없는 선택자지만 추후에 유용하게 사용이 가능할 듯 하다.
어느 정도 할 줄 안다고 자만할 때 마다 모르는게 툭 튀어나오는 점이 날 자만심 갖지 않게 해주는 것 같다.

UI 요소 상태 셀렉터

input:enabled + span { } /*사용 가능한 상태일 때 선택합니다. */
input:disabled + span { } /*사용 불가능한 상태일 때 선택합니다. */

정합성 확인 셀렉터

input[type="text"]:valid { }
input[type="text"]:invalid { }

UI/UX

CSS는 좋은 사용자 경험을 제공하기 위한 도구입니다.

난 디자인은 굉장히 두려워하는 편인데, 내가 예쁘다고 생각하는 것이 남들 눈엔 그렇지 않을까봐 너무 당연한 말이지만 '개발자니까 UI/UX는 몰라도 돼'라는 사고에서 벗어나 UI/UX도 꾸준히 연구하여 프로젝트 때 큰 역량을 발휘하고 싶다.