수평선

개발을 하다보면 이미지를 다룰 경우가 많이 생긴다. 이미지의 크기가 변할 때 정사각형 비율로 유지를 하고 싶다면, 즉 이미지의 크기가 변해도 종횡비 즉 가로와 세로 크기 비율을 동일하게 만들고 싶은 경우css 속성에서이렇게 속성을 주게되면 잘 유지가 된다.

z-index 는 쉽게 말하자면 층을 쌓는 개념이다. 숫자가 높을 수록 화면의 가장 윗층에 쌓이기 때문에 화면 가장 앞쪽에 보이게 된다. 헤더를 앞으로 보이게 할 때 유용하게 쓸 수 있다.

Material-ui란?React 개발에서 쉽게 사용할 수 있는 UI Framework이다.설치사용법사용하고자 하는 항목 importstyles을 이용하여 각 component 커스터마이징공식 홈페이지에 모든 component의 예제가 코드와 함께 제공됨Material

Styled-component란?Javascript 파일 내에서 CSS를 사용할 수 있게 해주는 대표적인 CSS-in-JS 라이브러리로 React 프레임워크를 주요 대상으로 한 라이브러리다.설치기본문법생긴모양스타일 지정스타일을 지정하기 위해 위의 예시 처럼 tagged

< CSS의 구성 >선택자(selector) : 스타일을 적용하고자 하는 html 요소를 선택하는 역할속성(property) : 지정할 스타일의 속성값(value) : 키워드나 특정 단어를 이용하여 원하는 스타일을 적용한다.선언 : 속성과 값 한쌍을 의미한다. (

Hyper Text : 문서에 유동적으로 접근할 수 있는 방법Markup : 표시하는 행위따라서 HTML이란, 웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어Cascading Style Sheet웹 사이트의 다양한 스타일들을 정의하는 언어, Cascading