CSS

오늘은 HTML의 기본 개념과 마크업, 그리고 css 속성에 대해서 간단하게 배웠다. 특히 css 속성 중 아~주 많이 쓰이는 display: flex를 배웠는데 다시 한번 정리해보자! HTML의 태그 사이즈는 Block과 Inline으로 나뉜다.block: 페이지의

오늘은 css 레이아웃 flex와 양대산맥을 이루고 있는 grid에 대해서 배웠다! 브라우저 지원 이슈 때문에 grid보다 flex를 훨씬 많이 써온터라 좀 헷갈리는 부분이 있었지만 앞으로도 많이 연습해 보면서 감을 익혀야겠다..!flex는 1차원적인 구조를 가지고 있

오늘은 CSS animation 속성에 대해 배웠다.keyframe을 이용해 어떻게 다양한 animation을 구현하는지 정리해보자!CSS 애니메이션의 시작, 중간, 끝 등의 중간 상태를 정의한다.덧셈, 뺄셈from 과 to 대신 진행도(%) 표기도 가능하다.2-1.

오늘은 CSS에서 사용할 수 있는 calc()함수, 위치 속성 position, 그리고 애니메이션 속성인 transition에 대해 배웠다. 실무에서 정~말 많이 써 왔던 것들인데 개념정리 부터 다시 복습해보니 머릿속에 복잡하게 자리 잡고 있던 것들이 깔끔하게 정리가

오늘은 css 선택자, 웹폰트, 그리고 단위에 대해 배웠다.다시 한번 살펴보자!1-1. 가상 클래스 선택자:first-child형제 요소 중 첫번째 요소를 선택하는 가상 클래스:first-of-type형제 요소 중 자신의 유형과 일치하는 제일 첫 요소를 취급:nth-c

오늘은 강력한 CSS 수업 첫 날!저번주까지 자스문제로 낑낑대다가 css로 넘어오니까 마음이 편-안해졌다,,ㅋㅋㅋ하지만 익숙하다고 해서 소홀히 하지않고 열심히 해야겠다!!🤓블록 요소를 여러개 연속해서 쌓을 경우 자동으로 다음 줄로 넘어간다.좌우 양 옆 쪽으로 늘어나

React에서 사용 가능한 CSS들의 장단점을 알아보자..!