일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- inflearn
- 정렬
- 검색트리
- SWEA
- CSS
- 코딩테스트
- 프로그래머스
- android
- codecademy
- 구현
- BFS
- front-end
- DFS
- SQL
- algorithm
- 클린코드
- 자바
- Kotlin
- 알고리즘
- 다이나믹 프로그래밍
- Web
- CleanCode
- java
- DP
- html
- javascript
- Spring
- 해슁
- 순환
- Color
- Today
- Total
목록Responsive (2)
깡뇽

반응형 웹 디자인 화면 크기는 기기에 따라 크게 다를 수 있으므로 웹 사이트에서 모든 크기의 화면에 가장 잘 맞도록 콘텐츠의 크기를 조정하고 재구성하는 것이 중요함. → 웹 사이트가 표시되는 화면의 크기에 반응하는 것을 반응형 웹 사이트라고 함. ⤷ 반응형 웹 디자인 설명 사이트 www.taniarascia.com/you-dont-need-a-framework/ Understanding the Fundamentals of Responsive Design Responsive web design is an approach to creating websites in which the layout adapts to fit the device's screen - whether it's a phone… www.ta..
반응형 웹사이트 디자인이란? 디자인과 개발이 화면 크기, 플랫폼 및 방향 같은 사용자의 행동과 환경에 반응하는 것을 말한다. → 웹사이트에 있는 다른 콘텐츠의 크기와 웹사이트를 보고 있는 화면의 크기를 기반으로 콘텐츠의 크기를 조정하고 재구성한다. Pixel(픽셀)은 고정된 하드 코딩 값. 즉, 화면 크기가 변하면 픽셀 크기의 요소가 너무 작게 보이거나 화면을 넘치게 된다. → CSS를 사용하여 하드 코딩 측정을 피하고 상대 측정을 사용해야 한다. ∴ 상대 측정을 통해 화면 크기나 레이아웃에 관계없이 웹 사이트의 비율을 유지시킬 수 있다. ⤷ 반응형 웹 디자인에 대해 자세히 설명하고 있는 사이트 www.smashingmagazine.com/2011/01/guidelines-for-responsive-we..