내뇌의 시각화

Dimension API max-width와 width 혼용해서 사용하기~ min-width도 혼용해서 사용하면 좋다. Dimension. APi를 이용하여 기기의 너비와 높이를 가져올 수 있는데, ios는 상관없는데 .get() 메소드의 'screen' 프롭은 상태 표시줄 포함한 너비, 높이이고 'window'는 그렇지않아 UI가 실제로 표현되는영역이라고할 수있다. window쓰면 될듯 그리고 .width() 메소드 사용해서 앱 스케일 파악 후, margin에 조건따져서 특정 너비 아래면 패딩 몇, 높으면 패딩 몇 이렇게 하면될듯 useWindowDimension() 훅이 너비나 width가 바뀌는걸 감지해준다. 그래서 가로형으로 돌려서쓸때 동적으로 다른값 주고싶다면 이걸사용하면 될듯. Platform..

아니 시벌.. 스타일드컴포넌트 props 사용하기 styled - component도 props를 받아와서 변형시킬 수 있었음. 그래 이런게 너무 답답했던 거임. 스타일드 컴포넌트는 그냥 하나로 정해져있던 건가? 변경할 수 없는건가 싶었는데, 주석처리 된 곳? 에서 자바스크립트 코드를 쓰는 방법이 $ 였던 것 같음. const Box = styled.div ` background-color: ${ (props) => props.color} ; width: 100px; height: 100px; ` 와 속성 상속해서 또다른 컴포넌트 만들기 const Circle = styled(Box)` border-radius: 50px` 뭐 이렇게 쓰길래 이건 뭐지하고 다른 블로그들에서 보고 궁금해했는데, 옛날버전이거..