# responsive web
Responsive Web
IT교육과정들을 살펴 보니 비전공자가 실무를 잡으려면 프론트앤드건 백앤드건 6개월을 잡는다. BEB에서 2개월만에 1년을 파야하는 범위를 지나가버렸다. 그리하여 시작하는 미니 프로젝트
반응형 웹에 대한 이해
여러분들은 웹 서비스를 개발한다면 단순히 웹페이지를 개발하면 될까요?프론트엔드 개발에서 가장 중요한 것은 사용자와의 소통입니다.그 소통은 디스플레이(display)에서 사용자의 조작에 동적인 이벤트를 발생시킴으로 소통합니다.그렇기에 우리는 여러가지 디스플레이에 대처해야
절대 단위와 상대 단위
절대 단위 (Absolute length units) : 다른 것과 상관 없이 항상 동일한 크기인 단위 px pt | 단위 | 관련 사항 | |:---:|-----| |px|픽셀| |pt|포인트| 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로
7/2 8일차
프로젝트에서 반응형을 구현해보기로 했기 때문에 오늘은 반응형 웹을 만드는 방법에 대해서 공부해보기로 했다.유튜버 드림엘리의 강의와 여러 레퍼런스를 보며 공부했지만 역시 실전에 맞닥뜨려봐야 알것같다..react, styled-component를 활용해 반응형 웹사이트 만
[개발일지 5월 25일] 반응형 웹 소개와 실습-반응형 웹 사이트 만들기2 / 김희연 강사님
0525 / resonsive / blog / index.html→ blockquote 인용문을 사용하는 것!(아래 그림 참고)0525 / resonsive / blog / css / style.css 중→ 위의 index.html의 blockquote랑 연계(아래 사
학회 웹페이지 만들기 :: 버그 고치기
안녕하세요! 방문객 여러분 오늘은 제가 학회앱페이지를 만들면서 받은 피드백 해결 사항에 대해서 포스팅을 하려고 합니다! 제가 만든 웹은 현재 한국외국어대학교 컴퓨터공학부 학회 PNP의 웹페이지인데 현재 웹페이지 퍼블리싱 이전에 깃헙에 deploy를 해놓은 상태입니다.
반응형 웹 - 패턴
규칙 HTML 태그 구성은 모바일 장치를 기준으로 한다. float 태그의 left와 right를 활용해 적당한 위치에 놓는다. 📌practice02 데스크탑 사용시 화면에서 메뉴의 위치가 왼쪽이고, 모바일 디바이스에서는 메뉴가 위쪽에 있게 해보자
반응형 웹 - 설정
반응형 웹을 위한 설정 뷰포트 설정 |값|설명| |-|-| |width|화면너비| |height|화면 높이| |initial-scale|초기 확대 비율| |user-scalable|확대 및 축소 가능 여부| |minimum-scale|최소 축소 비율| |maximum-scale|최대 확대 비율| |target-densitydpi|DPI 지정| 미디어 쿼...
[클론코딩 :: CUBE ME] 반응형 웹 클론코딩 완성
회사에서 웹디자이너 + 퍼블리셔로 일하다가 퇴사 후,몇개월 동안은 리액트나 JS 위주의 개념을 잡고 공부하느라html, css 마크업 코딩을 꽤 안했다고 생각이 들어서 시작하려니 겁이 좀 났었다감을 잃었으면 어쩌지.. 하는 근심이 조금 있었는데막상 시작하고보니 역시나
CSS | Responsive Web (반응형 웹)
디스플레이의 종류에 따라 화면의 크기가 자동으로 변하는 웹 페이지를 의미Responsive Web 을 구현하는 CSS technique특정 조건에서는 어떤 CSS 를 적용 하라는 규칙 부여 가능CSS에 @media 라는 문법으로 작성예시해석@media — media
[Javascript Toy Project] Register Page | 회원가입 페이지 만들기 토이프로젝트
반응형 회원가입 페이지를 구현해보았습니다. CSS에 뉴모피즘(Neumorphism) 디자인을 적용해 보았습니다. 폼이 전달되면 회원들의 데이터는 로컬스토리지에 보관됩니다.
[HTML, CSS, Javascript]개인 포트폴리오 사이트 만들기 1 - UI 디자인
개발자로 취업하기 위해선 깃허브와 기술블로그 정도만 있어도 된다고는 하지만 욕심이 나서 개인 포폴 사이트를 반응형으로 만들어 보려고 한다.
Atomic Design으로 Todo 만들기
이번 포스팅은 숙제인 투두 리스트를 만들면서 뷰를 설계하는 과정을 작성했습니다. 이번에 아토믹 디자인이란 것을 공부하면서 적용해보았습니다.