# responsive web

13개의 포스트
post-thumbnail

반응형 웹 - 패턴

규칙 HTML 태그 구성은 모바일 장치를 기준으로 한다. float 태그의 left와 right를 활용해 적당한 위치에 놓는다. 📌practice02 데스크탑 사용시 화면에서 메뉴의 위치가 왼쪽이고, 모바일 디바이스에서는 메뉴가 위쪽에 있게 해보자

2021년 8월 14일
·
0개의 댓글
post-thumbnail

반응형 웹 - 설정

반응형 웹을 위한 설정 뷰포트 설정 |값|설명| |-|-| |width|화면너비| |height|화면 높이| |initial-scale|초기 확대 비율| |user-scalable|확대 및 축소 가능 여부| |minimum-scale|최소 축소 비율| |maximum-scale|최대 확대 비율| |target-densitydpi|DPI 지정| 미디어 쿼...

2021년 8월 14일
·
0개의 댓글
post-thumbnail

[클론코딩 :: CUBE ME] 반응형 웹 클론코딩 완성

회사에서 웹디자이너 + 퍼블리셔로 일하다가 퇴사 후,몇개월 동안은 리액트나 JS 위주의 개념을 잡고 공부하느라html, css 마크업 코딩을 꽤 안했다고 생각이 들어서 시작하려니 겁이 좀 났었다감을 잃었으면 어쩌지.. 하는 근심이 조금 있었는데막상 시작하고보니 역시나

2021년 2월 8일
·
1개의 댓글
post-thumbnail

CSS | Responsive Web (반응형 웹)

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

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

TIL 09 | Media Query

Media Query

2020년 12월 13일
·
1개의 댓글
post-thumbnail

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

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

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

TIL 3 | HTML & CSS (3)

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

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

[Javascript Toy Project] Register Page | 회원가입 페이지 만들기 토이프로젝트

반응형 회원가입 페이지를 구현해보았습니다. CSS에 뉴모피즘(Neumorphism) 디자인을 적용해 보았습니다. 폼이 전달되면 회원들의 데이터는 로컬스토리지에 보관됩니다.

2020년 11월 7일
·
1개의 댓글
post-thumbnail

[HTML, CSS, Javascript]개인 포트폴리오 사이트 만들기 1 - UI 디자인

개발자로 취업하기 위해선 깃허브와 기술블로그 정도만 있어도 된다고는 하지만 욕심이 나서 개인 포폴 사이트를 반응형으로 만들어 보려고 한다.

2020년 11월 4일
·
1개의 댓글
post-thumbnail

Atomic Design으로 Todo 만들기

이번 포스팅은 숙제인 투두 리스트를 만들면서 뷰를 설계하는 과정을 작성했습니다. 이번에 아토믹 디자인이란 것을 공부하면서 적용해보았습니다.

2020년 3월 2일
·
5개의 댓글