# border-box

7개의 포스트
post-thumbnail

2022 04 25 CSS

box-sizing의 기본값.box의 size에는 영향을 주지 않고 변화된 것이 추가되는 것.padding 등 전부 포함해서 box의 size내에서 해결하기 때문에, box-sizing: border-box를 실행하게 되면 충 박스에서 비율이 조절된다.대부분 borde

2022년 4월 25일
·
0개의 댓글
post-thumbnail

box-sizing

box-sizing은 박스의 크기를 화면에 표시하는 방식을 변경하는 속성입니다. width와 height는 엘리먼트의 컨텐츠의 크기를 지정합니다. 따라서 테두리가 있는 경우에는 테두리의 두께로 인해서 원하는 크기를 찾기가 어렵습니다. box-sizing 속성을 bord

2022년 4월 22일
·
0개의 댓글

02.28

간단하게 말하자면 PureComponent로 구현을 하면 직접적으로 props를 주는 상위 컴포넌트나 자기 컴포넌트가 업데이트가 되는 것이 아니라면 re-randering이 일어나지 않게 하는 것이다.두개의 변수(states)가 동일한 오브젝트를 가리키고 있는 경우:

2022년 2월 27일
·
0개의 댓글

박스 모델

content-box와 border-box정리 및 예시

2021년 10월 8일
·
0개의 댓글

CSS 크기 계산, box-sizing

CSS 크기 계산, box-sizing > 요소의 크기 계산 기준을 지정 기본값, content-box: 요소의 내용(content)으로 크기 계산 border-box: 요소의 내용 + padding + border로 크기 계산 border 와 padding으로

2021년 5월 24일
·
0개의 댓글
post-thumbnail

CSS Box Model

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Box 모델 css를 사용하여 브라우저의 화면을 구성하기 위해서는 box 모델을 이해하는 것이 매우 중요하다. css의 property중에는 html의 박스타입에 영향을 주는 property가 있

2020년 12월 9일
·
0개의 댓글