# Viewport

10개의 포스트
post-thumbnail

100vh, viewport 주의점

viewport 사용하지말자?! 최근 모바일용 웹을 개발하면서 한 화면에서 스크롤이 생기지 않도록 만들 필요가 있었는데.... 너무 고생을 해서 기록을 남겨놓는다.

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

[CSS] Unit(단위) & calc(),min(),max()

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

2021년 9월 29일
·
0개의 댓글
post-thumbnail

[TIL] 8/6 #1

이번엔 데브코스 강의 말고 프로젝트 TIL!!

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

Design #9 BUILDING YOUR FIRST WEB PAGE

본 블로그의 포스팅 내용은 Udemy Vako Shvili의 "Complete Web Design: from Figma to Webflow to Freelancing" 강의 내용의 일부입니다.

2021년 5월 21일
·
0개의 댓글
post-thumbnail

width값 100vw와 100%

도대체 난 그동안 뭘한거지? width값 100vw 100%의 차이점은? 어라? 나 왜 모르지?? 어떻게 모를 수 있지??? 공부한지 1년이 다 되어가는데 모른다니 부끄럽고 스스로에게 화가난다. 그러니 이참에 제대로 공부해보자! (mdn과 여러 기술블로그를 구글링하여

2021년 5월 11일
·
0개의 댓글

css - 화면에 배경 이미지 꽉 차게 하려면?

왓차 화면을 긁었는데, Home에 영화카드를 띄우면 footer와 겹친다.background와 같은 위치 속성에 height: 100vh;가 있었다. 따라서 화면 크기만큼만 background가 적용되고 스크롤을 내리자마자 footer 위치인데, 억지로 영화카드를 집어

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

🎨 Responsive Web Design

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

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

[03] UI/UX :: 개발을 위한 디자이너들의 기본

최근 여러 유튜브를 보며 UI/UX 디자인을 전문적으로 하시는 분들의 영상을 보곤 합니다. 물론 디자인적 실력은 뛰어나지만 개발에 대한 이해도가 부족하여 이것이 실제 업무로 넘어갈시 큰 문제점이 보이는 경우가 많이 보이곤 합니다. UI/UX 디자인은 시각 디자인이라는 큰 틀 안에 존재하지만, 개발에 대한 이해도가 반드시 필요한 분야입니다. 개발에 대한 이해...

2019년 11월 7일
·
5개의 댓글