세리프 따라잡기
React jsx/css 몰랐던 개념 정리 본문
Q. box에 shadow 기능은 못 넣나?
A. https://developer.mozilla.org/ko/docs/Web/CSS/box-shadow
box-shadow - CSS: Cascading Style Sheets | MDN
box-shadow CSS 속성은 요소의 테두리를 감싼 그림자 효과를 추가합니다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있습니다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산
developer.mozilla.org
Q. all: unset은 뭐야?
A. https://developer.mozilla.org/ko/docs/Web/CSS/all
all - CSS: Cascading Style Sheets | MDN
CSS all 단축 속성은 요소의 unicode-bidi (en-US), direction (en-US), CSS 사용자 지정 속성을 제외한 모든 속성을 초기화합니다.
developer.mozilla.org
요소의 모든 속성을, 속성이 값을 상속하는 경우 상속값으로, 아니면 초깃값으로 변경
즉, 요소의 모든 속성을 초기값으로 변경한다는 말이다!
Q. margin을 안 적용했을 때 === margin: 0px 일까?
A. 그렇다
Q. process.env.PUBLIC_URL가 뭐지?
A. public폴더의 절대경로를 이용하고 싶다면,
html 에서는 %PUBLIC_URL%을
js 에서는 process.env.PUBLIC_URL😉
→ env = environment variable = 환경변수 = %PUBLIC_URL%
'React' 카테고리의 다른 글
React TIL - props와 shortcut (0) | 2022.07.17 |
---|---|
React TIL - useEffect, useState, jsx 문법++ (0) | 2022.07.16 |
React - 참고할 문서/정리 링크 (0) | 2022.07.09 |
React state(hook) / (0) | 2022.07.05 |
React 컴포넌트 / PROP(props) + arrow function에 대해 (0) | 2022.07.04 |
Comments