lshjju 님의 블로그

  • 홈
  • 태그
  • 방명록

RWD 1

RWD

**RWD(Responsive Web Design, 반응형 웹 디자인)**란 하나의 웹사이트가 접속하는 기기(PC, 태블릿, 스마트폰 등)의 화면 크기에 반응하여 레이아웃을 자동으로 최적화하는 기술을 말합니다.쉽게 비유하자면, 물을 그릇에 담으면 그릇의 모양에 따라 형태가 변하듯 웹 콘텐츠가 기기의 화면 크기에 맞춰 유연하게 변하는 것이라고 이해하면 쉽습니다.🏗️ 반응형 웹을 만드는 3가지 핵심 요소반응형 웹은 마법처럼 작동하는 것이 아니라, 세 가지 기술적인 약속을 기반으로 만들어집니다.그리드 시스템 (Fluid Grid): 요소를 배치할 때 px 같은 고정 단위가 아니라 %나 vw 같은 상대 단위를 사용합니다. 덕분에 화면이 넓어지면 넓게, 좁아지면 좁게 비율에 맞춰 늘어납니다.유연한 이미지 (Fl..

카테고리 없음 2026.02.20
이전
1
다음
더보기
프로필사진

lshjju 님의 블로그

lshjju 님의 블로그 입니다.

  • 분류 전체보기 (322) N
    • New (80) N
    • Index (13)
    • IDE (19)
    • HTML (13)
    • CSS (41)
    • JavaScript (30)
    • React.js basic manual (25)
    • 생활코딩! React 리액트 프로그래밍 (16)
    • Next.js project Nextagram (8)
    • JAVA (12)
    • JAVA 80% (11)
    • Graphic tool manual (21)
    • UI Design project (5)
    • Product detail page design .. (5)
    • Reference (3)
    • hanbitn (0)
    • Do it! HTML 웹 표준의 정석 (5)
    • Do it! CSS 웹 표준의 정석 (9)
    • Do it! 자바스크립트 웹 표준의 정석 (5)

Tag

일러스트레이터 툴바/패널/환경설정 매뉴얼, Type conversion and Polymorphism, Exception handing, NULL, Decorator Stream, I/0 API, VS Code, loop statement, Nested class and Nested interface, Conditional Statement, anonymous object, Exception class, I/O Stream, type conversion, Thread Control, java.lang package, primitive type, react 프로젝트 배포, Enumerated Type, collection framework,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/03   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바