리액트 컴포넌트 스타일링 Sass 는 CSS pre-processer 두가지의 확장자가 있음 .sass / .scss 보통 .scss 문법이 더 많이 사용된다. 솔직히 걍 JSP에 사용하는 부트스트랩처럼 antd 나 머터리얼 mui 같은 프론드엔드 프레임워크를 쓰는게 정신건강에 좋긴한데 기본적은것은 알고 가야할거 같아서 배워본다. .sass $font-stack: Helvetica, sans-serif $primary-color: #333 body font: 100% $font-stack color: $primary-color .scss $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color..

l 박스 모델 - 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용 - 웹 문서의 전체 레이아웃을 정의 - 각종 요소들을 원하는 위치에 배치 l 박스의 속성 - content : 실제 내용이 표현되는 곳 - padding : 콘텐츠와 테두리 사이의 여백 - border : 박스의 테두리 두께 - margin : 테두리와 박스의 최종 경계 사이의 여백 CSS3 박스 모델은 content, padding, border, margin으로 구성되어있다. 박스 모델의 padding, border, margin 속성의 기본 값은 0이며, 상하좌우 네 가지 방향을 top, bottom, left, right를 이용하여 지정할 수 있습니다. l Content - 실제 내용이 표현되는 곳 - 속성: w..