screen ppd

스크린-PPD

호스팅 @ https://qasimk.io/screen-ppd/

화면 크기와 해상도를 시청 거리(눈에서 화면까지)와 결합하여 PPD(도당 픽셀 수)를 계산합니다.

개발 가이드

설치 요구 사항:

• (시스템) 노드 및 npm을 설치합니다.
• npm install 사용하여 <project root> 내부에 종속성을 설치합니다.

개발:

 # Linting
$ npm run lint

# Hot-reloading development web-server
$ npm run start

# Dev build
$ npm run build:dev

배포 (https://qasimk.github.io/screen-ppd/):

 $ ./deploy.sh

모든 make 명령은 package.json 에서 사용할 수 있습니다.

종속성

• 웹팩
  • [다양한 부가기능]
• Linting 및 자동 서식 지정을 위한 표준
  • Lint 출력 형식을 멋지게 지정하는 Snazzy

TODO

• jQuery 종속성 제거(더 이상 필요하지 않음)
• 대각선 단위를 변경할 때 PPI 링크가 깨지는 문제 수정
• PPD가 무엇인지 설명해보세요
• 대역폭 요구 사항 계산
• 스트레치: 영구 링크
• 확장: 모니터 데이터베이스

참고자료

• https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin