TIL 7/31

학습내용

오늘은 CSS중에서 선택자에 대한 것을 복습했다. CSS 선택자는 다양한 방법이 있기 때문에 자주 사용하는 것 이외에는 잊어버리기 쉽다. 다시 찾아보면 되겠지만 그래도 유용한 선택자들은 알고 있으면 도움이 될것 같았다.
CSS Dinner 선택자 Game

div {} : 태그를 선택한다.
.class {} : class를 선택한다.
#id {} : id를 선택한다.
.class>div {} : 해당 class 자식 엘리먼트중에 div 엘리먼트를 선택한다.
.class, #id {} : class와 id 둘다 선택한다.
div+button {} : div 엘리먼트에 직접 인접해있는 button 엘리먼트를 선택한다.
div>li:first-child {} : div 엘리먼트 자식 엘리먼트 중에서 첫번째 li 엘리먼트를 선택한다.

느낀점

프로젝트 중에 정말 부족한 부분이 많았다. Back-end를 희망했지만 정말 팀원분들께서 희망하시는 분들이 있어서 Front-end를 맡기로 하였다. 그렇다보니 익숙치 않았던 CSS가 발목을 잡았다. 선택자부터도 헷갈리고 flex-box는 정말 생각대로 잘 정렬되지 않았다. css는 사용하면 할수록 실력이 늘어간다고 하니 더 연습해서 자신감이 붙을 수 있게 여러 모양을 만들어봐야겠다.