공부 및 일상기록

[면접준비] 반응형 구현 방법 본문

개발/면접 준비용 지식 정리

[면접준비] 반응형 구현 방법

낚시하고싶어요 2023. 1. 30. 07:49

반응형이란 사용자 기기의 해상도에 따라 고정된 값이 아닌 특정 브레이크포인트를 정하여 각 포인트별로 디자인을 만들어 사용하는 방법입니다.

브레이크 포인트를 잡는 방법은 크게 글로벌 기업의 디자인 시스템을 리서치하는 방법과 가장 많이 사용하는 해상도를 찾는 방법이 있습니다. 모든 해상도의 브레이크 포인트를 잡으면 만들기가 너무 힘들고, 일반적으로 모바일, 패드, 웹 등 세가지 정도의 브레이크 포인트를 만들고 해당 브레이크 포인트마다 해상도를 정해서 테스트해보는 것이 일반적 입니다.

저작자표시

'개발 > 면접 준비용 지식 정리' 카테고리의 다른 글

[면접준비] margin과 padding의 차이  (0) 2023.01.30
[면접준비] position 속성에 대해 설명해보세요  (0) 2023.01.30
[면접준비] SASS에 대해 설명해보세요  (0) 2023.01.30
[면접준비] flexbox 란 무엇인가?  (0) 2023.01.30
[면접준비] px, em, rem, vw, vh 설명과 각 차이점  (0) 2023.01.30
'개발/면접 준비용 지식 정리' Related Articles more