# media query

13개의 포스트
post-thumbnail

CSS Media Query와 반응형

반응형 웹사이트를 만들기 위해 필요한 지식들📁

5일 전
·
2개의 댓글
post-thumbnail

CSS | Responsive Web (반응형 웹)

디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미Responsive Web 을 구현하는 CSS technique특정 조건에서는 어떤 CSS 를 적용 하라는 규칙 부여 가능CSS에 @media 라는 문법으로 작성예시해석@media — media

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[TIL]react, styled-component를 활용해 반응형 웹사이트 만들기 -3 media-query 맛보기

media query(미디어 쿼리)란? 반응형 웹을 구현하는 CSS Technique이며, 사용자의 디바이스에 따라 각각 다른 스타일시트를 적용하게 하는 것. 이번 글에서는 사용자의 환경에 따라 각각 다른 스타일시트를 적용시킬수 있는 media-query에 대해 배워

2020년 12월 19일
·
0개의 댓글
post-thumbnail

리액트 반응형 웹 (react-responsive)

리액트 반응형 웹 react-responsive 란?

2020년 11월 23일
·
1개의 댓글

TIL 3 | HTML & CSS (3)

HTML & CSS (3) - position, CSS layout, 반응형 웹

2020년 11월 18일
·
0개의 댓글

11/10

✔ $route의 변경을 감지해서 search이외의 경로로 이동할 경우에, Close이벤트를 트리거해야한다.✔ "X" 버튼을 눌렀을 경우, 또는 입력 키워드가 공백이 되었을 경우 "/browse"가 아닌, 이전 라우트 경로로 이동하도록 변경한다. ✔ "isSearchi

2020년 11월 10일
·
0개의 댓글

Media Query

자꾸 까먹는 Media Query 정리하기

2020년 11월 5일
·
0개의 댓글
post-thumbnail

🎨 Responsive Web Design

😁 반응형 디자인 👨🏻 현대 어플리케이션을 디자인하기 위하여 👩🏻 데스크톱 vs 태블릿 vs 모바일 🤣 Viewport 👶🏻 Veiwport란? 👵🏻 Viewport 설정하기 👴🏻 Viewport 사용시 주의사항 😎 Grid-View

2020년 9월 22일
·
0개의 댓글

TIL. media Query, class 수정 - 7.30

미디어 쿼리는 단말기의 유형(출력물 vs. 화면)과, 어떤 특성이나 수치(화면 해상도, 뷰포트 너비 등)에 따라 웹사이트나 앱의 스타일을 수정할 때 유용합니다.미디어 쿼리는 다음과 같은 상황에 사용할 수 있습니다.CSS @media와 @import @규칙을 사용해, 스

2020년 7월 30일
·
0개의 댓글
post-thumbnail

난 이제 진짜 큰일났다.

HTML, CSS 말고도 세상은 넓다는 것을 모르는 사람들에게 개발자의 길에 오르기 전, 마지막 계단을 보여주는 괴물같은 글입니다. ( HTML, CSS 의 기본은 여기서 마지막입니다. )

2020년 3월 27일
·
0개의 댓글

[TIL] 18. 반응형 웹 (Media Query)

반응형 웹(Responsive Web Design, RWD)이란? 하나의 웹 사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만들어진 웹페이지 접근 기법이다. 즉, 하나의 공용 웹사이트를 만들어 다양한

2020년 2월 12일
·
0개의 댓글
post-thumbnail

[번역] Adam Silver - Stop using device breakpoints

과거의 실수를 잊어버린 채, 많은 디자이너 혹은 개발자가 자기가 가장 좋아하는 기기에 맞춰 중단점(breakpoint)을 설정한다.

2018년 10월 28일
·
2개의 댓글