전체 도구

단위 변환

레이아웃

스타일

가이드EN

업데이트 노트

PX to VW 변환기의 버전별 변경 사항입니다.

v3.3.1 2026.10.15

  • 가이드 12편 내용 전면 검토·수정: 사실 오류, 오래된 정보, 깨지는 예제 코드 정정
  • 모바일 100vh 문제를 svh·dvh·lvh 기준으로 다시 설명하고 100vw 스크롤바 문제 추가
  • 모든 clamp() 예제를 rem을 섞은 접근성 기준으로 수정
  • 모바일 퍼스트·반응형 기초 글 역할 분리, CSS 모범 사례를 단위 규칙 10가지로 재작성

v3.3.0 2026.10.14

  • 가이드 글 디자인 전면 개편: 목차, 읽는 시간, 안내 상자, 관련 글, 도구 바로가기
  • 가이드 목록을 시작하기·VW 실무·CSS 기초로 분류
  • 코드 예시가 한 줄로 뭉쳐 보이던 문제 수정
  • 사용법 가이드를 새 변환기 화면에 맞게 다시 작성
  • 사이트 소개·문의·개인정보처리방침·이용약관 페이지도 새 디자인 적용

v3.2.1 2026.10.14

  • 새 로고 기반 파비콘·홈 화면 아이콘으로 교체
  • 링크 미리보기(OG) 이미지 교체 (2.2MB → 29KB, 1200×630)

v3.2.0 2026.10.14

  • PX ↔ EM 변환기를 실시간 변환 방식으로 새로 제작 (CSS 일괄 변환·SCSS em() 함수 포함)
  • Clamp 생성기 재작성: 화면 너비 슬라이더 미리보기, 여러 크기를 CSS 변수로 한 번에 생성
  • Clamp: 1.0000rem처럼 붙던 불필요한 0 제거, 화면이 커질수록 작아지는 값도 올바르게 생성
  • 모바일에서 도구 화면이 가로로 넘치던 문제 수정

v3.1.0 2026.10.14

  • PX ↔ REM, 자간, 행간 도구를 실시간 변환 방식으로 새로 제작
  • REM CSS 일괄 변환: @media 유지, 1px 유지, 원래 값 주석 옵션
  • 자간: px·피그마 %·포토샵 VA를 동시에 em·px로 보여주고 미리보기 추가
  • 행간: 피그마 % 입력과 문단 미리보기 추가
  • 자간·행간 소수점 0자리 설정이 적용되지 않던 오류 수정

v3.0.0 2026.10.14

  • 사이트 전체 디자인 개편 및 Astro 기반으로 전환
  • PX ↔ VW 실시간 변환, 기준 너비·소수점 설정 저장
  • CSS 일괄 변환 개선: @media 유지, 1px 유지, 원래 값 주석
  • 기준 너비별 PX → VW 변환표 페이지 추가 (360·375·1440·1920 등)
  • 소수점 0자리·4~5자리 설정이 적용되지 않던 오류 수정

v2.2.0 2026.08.10

  • PX ↔ EM 변환기 신규 추가
  • 자간(Letter Spacing) 변환기 신규 추가 (피그마 %·포토샵 VA 지원)
  • 행간(Line Height) 계산기 신규 추가
  • 영어 버전 공개 (PX↔VW, PX↔REM, CSS Clamp)
  • 주요 도구 페이지 FAQ 섹션 추가
  • 모바일 화면 확대(핀치 줌) 허용 등 접근성 개선

v2.1.0 2026.04.24

  • Section Divider Generator 신규 추가
  • Aspect Ratio Calculator 신규 추가
  • CSS Animation Generator 신규 추가

v2.0.0 2026.04.24

  • CSS Grid Generator 신규 추가
  • 시각적 그리드 설계 및 자동 코드 생성 기능

v1.6.0 2026.04.24

  • WCAG Contrast Checker 신규 추가
  • 웹 접근성을 위한 컬러 대비 자동 검사

v1.5.0 2026.04.24

  • CSS Flexbox Visualizer 신규 추가
  • 레이아웃 속성 시각화 및 자동 코드 생성

v1.4.0 2026.04.24

  • CSS Gradient Generator 신규 추가
  • 컬러 변환기 시각적 컬러피커 기능 강화
  • CSS 도구(Minifier) 성능 및 UI 개선

v1.3.0 2026.04.24

  • 색상 변환기 (HEX ↔ RGB ↔ HSL) 추가
  • CSS Minifier / Formatter 도구 추가
  • CSS Clamp 생성기 UI 디자인 전면 개편

v1.2.0 2026.04.23

  • CSS 스타일 및 시각화 생성기 추가
  • Box Shadow & Text Shadow 생성기
  • Border-Radius 생성기 (Liquid Shape)
  • 글래스모피즘 & 뉴모피즘 생성기

v1.1.0 2026.03.23

  • PX ↔ REM 변환기 및 CSS Clamp 생성기 기능 추가
  • 상단 내비게이션(GNB) 추가 및 보조 도구 사용성 개선
  • 모바일 환경 UI 최적화(가독성 개편 및 vw 적용 확대)

v1.0.1 2026.03.23

  • CSS "속성삭제" 체크 시 주석이 포함된 경우 발생하는 변환 오류 수정
  • 광고 배너 높이 조정

v1.0.0 2024.10.01

  • PX ↔ VW 양방향 변환 기본 기능 출시
  • Breakpoints 프리셋 제공 및 CSS 텍스트 일괄 변환 지원