Monthly Archives: June, 2020

wordpress the7 theme 기본 사이드바 위치 수정

최근 워드프레스 the7 테마에서 wpbackery page builder Albums Masonry & Grid 를 사용한 Elemnet들이 오류가 있었는데 the7 테마를 최신 버전으로 업데이트 했을 때 문제가...

adobe Illustrator 일러스트 캔버스 사이즈 변경하기

포토샵 처럼 캔버스 사이즈를 조절하듯 일러스트 캔버스 사이즈를 조절 하는 곳은 어디 있을까요? 그것을 몰라서 New 로 캔버스 재생성하여 사이즈를 조절하는 분들 혹시 있을까요?...

국민은행 통장사본 인터넷으로 출력, PDF 저장

국민은행에서 개설한 통장사본이 필요한데 주위에 통장이 있을 경우 통장 없이도 인터넷으로 인쇄 또는 PDF 로 저장이 가능합니다. 우선 국민은행 인터넷 뱅킹 홈페이지로 접속합니다. 국민은행 :...

웨일 브라우저 기본 검색엔진 구글로 변경 방법

기존 구글 크롬 브라우저를 사용하고 있다가 크롬이 응답없음이나 브라우저가 조금 느리다는 느낌이 들어 네이버 웨일 브라우저랑 변행하면서 사용하고 있었다. 웨일 브라우저가 속도면에서 더 빠릿한...

웹페이지를 PDF 문서로 저장하는 방법

어떤 마음에 드는 웹페이지를 PDF 문서로 저장해서 여러 디바이스 기기에서 확인할 수 있는 방법을 알려드리겠습니다. 우선 크롬 브라우저를 실행시킵니다. Awesome Screenshot 설치 크롬 확장프로그램인 Awesome Screenshot:...

워드프레스 코어 업데이트 중 오류 – Briefly unavailable for scheduled maintenance. Check back in a minute.

간혹 워드프레스 코어 업데이트를 하다가 오류 메시지가 출력되는 경우를 확인할 수 있다. 아래와 같은 오류 메시지가 출력되었는데 번역하면 예약된 유지보수를 위해 잠시 사용할 수...

동적으로 구글설문지 입력필드에 자동 채워지게 하는 방법

홈페이지를 운영하실 경우 사이트의 오류신고나 사이트가 어떻게 운영되면 좋겠다는 사용자의 의견을 들을 때 구글설문지를 이용하여 설문을 받을 수 있습니다. 사용자의 UserAgent 를 파악하여 어떤...

SSL Error : Can’t validate SSL Certificate. Either it is self-signed (which will cause browser warnings) or it is invalid. 페이스북 에러 해결방법

아래 포스트 글 "카카오톡,페이스북 og:image 캐시 삭제" 을 작성하다가 facebook for developers 에서 디버그 버튼을 눌렀는데 해결해야 하는 경고 내역으로 다음과 같은 항목이 출력됐다. SSL...

카카오톡,페이스북 og:image 캐시 삭제

오픈 그래프(Open Graph) 프로토콜은 미리보기 화면 실체를 구성하는 meta data의 새로운 표기 방법입니다. 카카오톡에서 URL을 한번 보내보겠습니다. 아래 카카오톡 창에서 이미지 부분이 OG:image 부분입니다. head...

인공지능 AI로 브랜드 이름을 생성해주는 namelix 를 소개합니다.

혹시 회사 이름이나 블로그 이름 등 브랜드 이름을 생성할 때 고민한 적이 있습니까? 홈페이지 도메인도 이름이 브랜드 이름에 맞춰야 하고 이미 도메인을 선점한...

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 속성이...