본문 바로가기

WWWEB109

크롬 개발자도구 폰트 변경 크롬 업데이트 후에 개발자도구를 실행해보니 폰트들이 이상하게 바껴있어서 보기가 익숙하지가 않아 가독성도 좋지 않음~ 😭   해결방법 주소창에 chrome://settings/fonts 입력 후 고정폭 글꼴을 맘에 드는 글꼴로(ex. Consolas)로 변경하면 끝~ 😏 2024. 5. 17.
아이폰과 아이패드 해상도 기준 알려줘 아이폰 해상도모델해상도 (px)디스플레이 타입아이폰 5, 5S, SE (1st gen)640 x 1136Retina아이폰 6, 6S, 7, 8750 x 1334Retina HD아이폰 6 Plus, 6S Plus, 7 Plus, 8 Plus1080 x 1920Retina HD아이폰 X, XS, 11 Pro1125 x 2436Super Retina HD아이폰 XR, 11828 x 1792Liquid Retina HD아이폰 XS Max, 11 Pro Max1242 x 2688Super Retina HD아이폰 12 Mini1080 x 2340Super Retina XDR아이폰 12, 12 Pro1170 x 2532Super Retina XDR아이폰 12 Pro Max1284 x 2778Super Retina X.. 2024. 5. 17.
[vscode] Live Server 포트번호 변경 방법 Live Server를 설치하면 서버 포트가 자동으로 적용되는데, 설정의 settings.json에서 간단하게 사용자가 원하는대로 설정해줄 수 있음. 0. 요약VSCode 설정으로 이동함.검색창에 "Live Server Port" 입력해줌.settings.json에서 편집 클릭."liveServer.settings.port": 0    👈 값 변경  1. 세팅 화면으로 가기 톱니바퀴나 "CTRL + ," 단축어를 통해 설정 화면으로 이동   2. settings.json에서 원하는 포트번호로 변경 검색에서 Live Server Port 입력 후 settings.json 편집 클릭,그리고 liveServer.settings.port 값을 변경하면 간단하게 설정 완료~~   Tip. IP번호 변경 추가로 .. 2024. 4. 30.
node 삭제하고 다시 설치하기 리액트를 드디어 하게 되는... ㅠㅠ 일단 노드 버전을 20.5로 맞추라고 해서,기존에 설치된 노드를 삭제하려고 하니... 어떻게 삭제를 하는 것인가?(초보의 눙물눙물...)  삭제 방법그냥 설정이나 제어판 들어가서 프로그램 삭제에서 삭제하면 됨.    그리고 다시 설치~~~완료!! 2024. 4. 26.
css로 요소 1개인지 체크방법 아주 가끔씩 쓰게되서 찾게되는 css 선택자로 요소 1개 체크하는 방법... :fisrt-child:last-of-child(1) 코드 예시 버튼 1 버튼 2 버튼 1 2024. 1. 31.
갤럭시 폴드의 실제 가로 해상도는 345px 갤럭시 폴드 스펙에서 viewport 사이즈는 접었을 때가 280이라고 나와있는데, 실제로는 345px가 나온다고 함. [모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기 갤럭시 폴드4 (Galaxy Fold 4) 가로폭 - 접힌 상태 : 345px - 펼친 상태 : 691px 디바이스에서 아래 URL에 접속하면 직접 테스트 해 볼 수 있습니다. [test] viewport / userAgent (codepen.io) [test] viewport / userAgent ... co zinee-world.tistory.com 갤럭시 플립4: 412×1006 갤럭시Z 폴드3: 320×872 / 674×842 2024. 1. 29.
[js] keyCode는 그만 쓰자! 요약: keyCode 대신 code를 사용하자 KeyboardEvent: keyCode KeyboardEvent: keyCode property - Web APIs | MDN The deprecated KeyboardEvent.keyCode read-only property represents a system and implementation dependent numerical code identifying the unmodified value of the pressed key. developer.mozilla.org Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may ha.. 2024. 1. 16.
포토샵 pixel aspect ratio correction is for preview purposes only. turn it off for maximum image quality. 간단 해결법 웹에서 이미지를 불러오니 비율이 맞지 않음;; 이상해서 포토샵으로 이미지를 열어보려니까 "pixel aspect ratio correction is for preview purposes only. turn it off for maximum image quality." 라는 경고창이 뜨고, 탭에 보면 [scaled]라고 표시됨. 이는 비율이 다른 프로그램에 의해 비율이 변경이 되어 있어서 그렇다고... 해결법은 "View > Pixel Aspect Ratio > Square" 2024. 1. 1.
[Mobile.벤치] 트립닷컴 호텔 UI/UX (feat.webm) 호텔예약 사이트들의 UI/UX는 어떻게 되어있을까? 그 1번째로 트립닷컴의 호텔 예약 사이트를 살펴봄~ 트립닷컴은? 트립닷컴(Trip.com)은 전 세계 4억명의 고객과 45,000명의 직원을 보유한 세계 최대의 글로벌 여행 플랫폼으로 상하이에 본사를 두고 있으며 영국의 스카이스캐너를 계열사로 두고 있다. 뉴욕 나스닥에 상장되었고 시가총액은 약 30조원으로 평가받는다고 한다 (feat.위키) 트립닷컴 호텔 메인 트립닷컴 호텔 상세 2023. 12. 20.
728x90
반응형

티스토리툴바