Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 타입스크립트
- React Native
- 개발콘텐츠
- JS console
- NonNullable
- react
- 공통컴포넌트
- 타입좁히기
- click and drag
- 티스토리꾸미기
- 레이아웃쪼개기
- TSDoc
- 제네릭
- returnType
- 2022
- React.js
- vue.js
- Chart.js
- 리액트
- javascript
- 폰트적용하기
- CSS
- 커스텀
- 성능최적화
- typescript
- const 단언문
- 누구나 자료구조와 알고리즘
- 반복줄이기
- reactjs
- utilty type
Archives
- Today
- Total
몽땅뚝딱 개발자
반응형과 적응형 본문
◽ 반응형(RWD, Responsive Web Design)
반응형은 디바이스 기종에 상관없이 화면의 레이아웃을 구성하는 것이다.
미디어 쿼리를 사용하여 화면의 크기를 확인하고 유연한 이미지와 그리드를 사용한다.
◽ 적응형(AWD, Adaptive Web Design)
적응형은 접근한 디바이스에 딱 맞는 크기로 만드는 것이다.
디바이스 기종 별로 딱 맞는 최적화된 마크업으로 구성하여 디바이스에 맞는 최적의 성능을 가져올 수 있다.
출처 및 참고
TIL. 반응형 웹 vs 적응형 웹
근본적으로 웹사이트가 모바일 기기와 다양한 화면 크기에서 원활한 정보를 제공하여 더 나은 모바일 사용자 경험을 제공하기 위한 방법이다.그러나, 적응형 웹과 반응형 웹은 사이트 설계부터
velog.io
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Something Useful > 또 다른 정보' 카테고리의 다른 글
로컬 스토리지와 세션 스토리지의 차이점 (0) | 2022.01.10 |
---|---|
SVG(Scalable Vector Graphics) (0) | 2021.12.17 |
release, deploy의 차이 (0) | 2021.12.14 |
WAS와 Web의 차이 (0) | 2021.11.18 |
[Web] 쿠키(Cookie)와 세션(Session) (0) | 2021.11.10 |
Comments