2023년이 다가오는 지금 데스크톱(PC)로 웹을 방문할 가능성보다 모바일로 방문할 가능성이 더 높다.모바일 친화적 웹 디자인이 대세둘다 서로 다른 뷰포트 사이즈, 해상도, 사용 컨텍스트, 제어 메커니즘 등을 조정하여 다양한 장치에 사용자에게 최적화 하도록 함반응형 디
display 의 속성값들이다.블록=> 언제나 새로운 줄에서 시작=> 해당라인의 모든 너비를 차지 인라인=> 새로운 라인에서 시작 X=> 해당 태그의 content 만큼 너비를 차지(inline)width/height 적용 X , margin/padding-top
사용 이유 : 시각적으로 표현하여 UI의 인터랙티브성을 강화사용 이유 : 사용자가 키보드 또는 다른 입력 장치로 요소를 선택했을 때 이를 강조하여 접근성을 향상사용 이유 : 사용자가 선택한 옵션을 시각적으로 강조사용 이유 사용 이유 : 사용자에게 입력 기대값을 명확하게
이는 스타일을 컴포넌트 단위로 작성하고, 동적으로 스타일을 적용할 수 있게 해줍니다.EmotionStyled-Components와 유사더 많은 커스터마이징 옵션을 제공동적 스타일링Props를 통해 동적으로 스타일을 변경할 수 있습니다.유지보수성스타일과 컴포넌트를 한 파