Tags Chrome

Tag: chrome

[css]웹페이지 인쇄 스타일 백그라운드 나오지 않는 문제 해결

웹페이지 인쇄 스타일 적용하는 방법에 대해서 알아봤는데 이번에는 백그라운드 background 로 지정된 이미지 혹은 컬러가 나오지 않는 문제의 해결방안을 알아보겠습니다. 백그라운드 출력방법 -webkit-print-color-adjust 속성은 웹킷 엔진을...

[css]웹페이지 인쇄 스타일 확인 및 수정하는 방법

웹페이지를 인쇄 할 때 인쇄 화면에서 제외하고 싶거나 레이아웃이 무너져서 스타일 수정이 필요할 경우가 있습니다. 웹페이지 인쇄 스타일을 수정하는 방법과 수정할 때 쉽게 인쇄화면을...

ttf 폰트 웹폰트로 변환하여 사용하기

Browser 지원 웹폰트에 사용하는 폰트는 ttf/otf, .eot, .woff, .woff2,.svg 등이 사용됩니다. 인터넷 브라우저 마다 웹폰트 확장자 지원이 다르기 때문에 다양한 확장자로 변환하여 셋팅하여 사용합니다. ChromeFirefoxOperaSafariIE /...

Chrome 크롬 프리징(응답없음)현상 해결

크롬 브라우저에서 웹서핑이나 동영상을 볼 때 예기치 않게 중지되거나 응답없음으로 처리 되는 경우가 있습니다. 저도 인터넷에 나와 있는 여러가지 방법을 다 시도해봤는데 크롬 프로그램...

웹사이트 기술 스택 분석할 수 있는 크롬 확장프로그램 – wappalyzer

wappalyzer 개요 웹사이트를 돌아다녀보면 그 웹사이트가 어떻게 개발 되어졌는지 기술 스택이 궁금한 경우가 생긴다. 회사들이 어떻게 만들었는지 잘 밝히지 않고 소스보기를 한다고 해서 정확한 스택을...

크롬 시크릿모드에서 확장프로그램 사용방법과 시크릿모드 아이콘 생성

크롬 시크릿모드를 이용하면 학교, 도서관 등의 컴퓨터를 공용으로 사는 장소에서 인터넷 서핑 기록, 검색 기록 등의 사용자 쿠키정보, 히스토리를 남기지 않고 브라우저를 사용할 수...

Most Read

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...