리액트 컴포넌트 크기

전체적인 레이아웃 관점에서 크기를 고민하고 계신다면, 미디어 쿼리를 이용해 화면 크기별로 break point 를 px로 잡아주시는 것이 좋습니다. 레이아웃의 크기의 변화는 내부 요소들에 영향을 주는데요, 이 모든 크기별 영향을 고려해서 CSS를 작성하는것이 어렵기 때문이에요. 만약 인풋박스나 버튼과 같은 작은 단위의 컴포넌트를 개발시에는 %를 이용하여 크기를 지정해도 괜찮습니다. 상황에 따라 고정값을 줄지 가변값을 줄지 결정해주시면 될거에요 : ) 주의해야할 점이 뷰포트를 이용한 크기 지정인데요. 레이아웃 지정할때 Flex 속성을 많이 활용하는데요, 일부 브라우저에서는 flex 와 뷰포트를 함께 사용시 자식 엘리먼트들이 부모의 가로 세로 크기를 상속받지 못하는 이슈들이 있어서 브라우저별로 잘 확인해 보시면서 사용을 해보시기를 권장드립니다 ㅎㅎ