# px

32개의 포스트
post-thumbnail

신입 Spring 이미지 업로드 API 설계

기본 틀 (이미지가 없는 경우)파일 형식 지정해주기 (조건)파일 크기 지정해주기(조건)이미지 크기 확인 (조건) px, 비율저장 부분log.info(REQUEST_LOG_FORMAT, url);: 이 줄은 요청 URL을 나타내는 정보 메시지를 기록합니다. 'REQUES

2023년 5월 25일
·
0개의 댓글
·

CSS 단위(작성중)

px : 픽셀em: 요소의 글자 크기rem : root element(html)의 글자 크기vw : 뷰포트 가로 너비의 백분율vh : 뷰포트 세로 너비의 백분율

2023년 3월 23일
·
0개의 댓글
·

rem, em, px 차이점 알아보기

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

TIL / CSS 기초 : 단위(px, em, rem), CSS 레이아웃 구성 방법(flex, grid), font-face

< 2023.02.17 TIL > 1. 단위 - px, em, rem 2. CSS 레이아웃 구성 방법 - flex, grid 3. font-face

2023년 2월 17일
·
0개의 댓글
·

숫자 단위 - Rem | Px | Em

픽셀 단위는 CSS의 가장 기본적인 단위이다. 픽셀 단위로 값을 입력하는 것은, 내가 원하는 값을 정확하게 이 값이라고 절댓값으로 단호하게 선언하는 것이다. 1px은 사용자 디스플레이 기기의 논리적 해상도 1pt에 대응하며, 픽셀 단위로 지정한 크기는 나중에 크기를 변

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

[CSS] 요소의 크기 단위

CSS에서 요소의 크기를 조절하는 단위에는 여러가지가 있습니다. 오늘은 대표적으로 사용되는 몇 가지 크기 단위들에 대해서 알아보도록 하겠습니다.먼저 px입니다. px는 픽셀(pixel)의 줄임말로 한국어로 화소라고도 합니다. 웹 디자인에서 가장 작은 단위로 사용됩니다.

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

CSS 속성 단위(px, em, rem)의 선택과 웹 접근성

프론트엔드 개발자라면 무조건 숙지해야할 CSS 속성 단위 !

2023년 1월 31일
·
0개의 댓글
·

px, em, rem, vw, vh

유투브 알고리즘이 인도해줘서 관련 강의를 보고 정리.CSS에서 크기를 설정할 수 있는 단위에는 절대적인 값(Absolute)과 상대적인 값(Relative)이 있다.절대적인 값은 지정한 사이즈를 변동시킬 수 없는 것이며, px을 예로 들 수 있다.상대적인 값은 브라우저

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

[Android Studio] DP PIXEL

Android 기기에서 px은 폰 기종마다 다르므로 UI 크기도 기종마다 달라짐dp 계산법 px = dp x (기기 DPI/160)dp = px x (160/기기 DPI)\*160은 기본 해상도 예) 48dp의 정사각형 아이콘을 px로 그리자xxxhdpi 기기 기준으로

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

반응형 이미지

웹브라우저, 모바일 화면에서 viewport의 크기, 해상도 등에 반응하여 이미지의 사이즈를 다르게 보여주는 것을 말함.예를 들어 모바일 화면의 이미지를 그대로 노트북에 가져오면 저화질의 이미지를 보게되는데, 이런 현상을 방지하기 위해 노트북에서는 큰 이미지로 변환해

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

【Android】크기 단위

기본 개념1\. pixel : 화면을 구성하는 가장 기본이 되는 단위2\. dpi(해상도, density) : dots per inch(1인치에 얼만큼 점이 많이 찍혀 있는지) — dot을 pixel로 보아도 된다.3\. dp는 안드로이드 기기마다 스크린 크기가 다르고

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #012일

HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경

2022년 10월 31일
·
0개의 댓글
·

단위: 절대 길이와 상대 길이

비전공자를 위한 HTML/CSS 강의 공부 기록입니다. 1. 절대 길이 절대 길이는 고정된 크기 단위로, 다른 요소의 크기에 의해 영향을 받지 않는다. 1) px 1px = 1/96th of 1 inch 절대 길이이므로 다른 요소의 영향을 받지 않아 화면에서 고정된 크기를 가지지만, 장치의 해상도에 따라 상대적이다. 여러 환경에서 디자인을 같게 표현하고...

2022년 10월 27일
·
0개의 댓글
·

[CSS] CSS 단위 완벽 정리 (px, %, em, rem, vw, vh)

CSS의 단위에는 여러 가지가 있는데, 크게 절대적인 유닛과 상대적인 유닛으로 나눌 수 있다. 절대적 유닛은 말 그대로 값이 변하지 않는 px, pt 등을 의미한다. 상대적 유닛은 반응형 디자인에 많이 쓰이는 %, em, rem, vw, vh 등을 의미한다.

2022년 10월 26일
·
0개의 댓글
·

Css(rem, em, px)

CSS (rem, em, px)pxem, rem

2022년 8월 28일
·
0개의 댓글
·

절대 단위와 상대 단위

절대 단위 (Absolute length units) : 다른 것과 상관 없이 항상 동일한 크기인 단위 px pt | 단위 | 관련 사항 | |:---:|-----| |px|픽셀| |pt|포인트| 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로

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

절대 단위와 상대 단위, 뭘 쓰지?

😁 다양한 상황, 적절한 단위!

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

픽셀 값을 변환하자!

프로젝트에서 웹 프론트뷰를 짜다보면 px값을 rem 단위로 변환하거나 뷰 포트 단위로 변환해야하는 경우가 생긴다. 그때 유용한 페이지! (사실 내가 보려고 출간,,)px을 em / rem으로 변환px을 vw / vh 뷰포트 단위로 변환

2022년 6월 1일
·
0개의 댓글
·
post-thumbnail

CSS font-size

!youtubeo0_Ot-TkqbU글꼴의 크기를 지정합니다. 주요 단위로는 px, em, rem이 있습니다.html 태그에 적용된 font-size의 영향을 받습니다. html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되기 때문에 이해하기 쉽습니다. 가장 바람직

2022년 4월 22일
·
0개의 댓글
·