# responsive web

20개의 포스트
post-thumbnail

7/2 8일차

프로젝트에서 반응형을 구현해보기로 했기 때문에 오늘은 반응형 웹을 만드는 방법에 대해서 공부해보기로 했다.유튜버 드림엘리의 강의와 여러 레퍼런스를 보며 공부했지만 역시 실전에 맞닥뜨려봐야 알것같다..react, styled-component를 활용해 반응형 웹사이트 만

2022년 7월 2일
·
0개의 댓글
·
post-thumbnail

[개발일지 5월 25일] 반응형 웹 소개와 실습-반응형 웹 사이트 만들기2 / 김희연 강사님

0525 / resonsive / blog / index.html→ blockquote 인용문을 사용하는 것!(아래 그림 참고)0525 / resonsive / blog / css / style.css 중→ 위의 index.html의 blockquote랑 연계(아래 사

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

반응형 웹의 구조

실제 홈페이지들을 보며 반응형 웹페이지의 구조를 파악했습니다.

2022년 5월 10일
·
0개의 댓글
·
post-thumbnail

TIL-CSS(media queries)

22.04.24

2022년 4월 24일
·
2개의 댓글
·

viewport, Pixel, Resolution

viewport 설정

2022년 2월 26일
·
0개의 댓글
·
post-thumbnail

학회 웹페이지 만들기 :: 버그 고치기

안녕하세요! 방문객 여러분 오늘은 제가 학회앱페이지를 만들면서 받은 피드백 해결 사항에 대해서 포스팅을 하려고 합니다! 제가 만든 웹은 현재 한국외국어대학교 컴퓨터공학부 학회 PNP의 웹페이지인데 현재 웹페이지 퍼블리싱 이전에 깃헙에 deploy를 해놓은 상태입니다.

2022년 2월 18일
·
0개의 댓글
·
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개의 댓글
·