네이버 이미지 검색 API: 에러 없이 한 번에 따라하기
https://ljj.kr/tool/naver_img.html먼저 위 주소를 통해 만들어볼 페이지 결과를 미리 볼 수 있습니다. 좀 특이한 네이버 이미지 검색 API 이미지 검색 API를 활용하면 아이디어에 따라 멋진 콘텐츠를 손쉽게 제작할 수 있습니다. 대표적으로 …
네이버 API에서 발생한 “Not Exist Client ID : Authentication failed. (인증에 실패했습니다.)” 오류 해결 방법
네이버 API 왜 너만? 네이버 API를 사용하면서 “Not Exist Client ID : Authentication failed. (인증에 실패했습니다.)”라는 에러 메시지를 만난 적이 있을 것입니다. 이 오류는 클라이언트 ID가 올바르지 않거나 인증 프로세스에서 …
네이버 이미지 검색 API가 클라이언트(브라우저)에서 작동하지 않는 이유
네이버만 안되는 API? 이미지 검색 API를 사용하기 위해 3대장(구글, 네이버, 다음)의 API를 구현하여 비교 해보고 싶었습니다.그런데 구글과 다음은 잘 되었지만 네이버만 유독 안되는거에요. 뭔가 설정항목이 더 있나 봐도 못찾아서 샘플을 …
Mixed Content 해결방법
Mixed Content란 무엇인가? “Mixed Content(혼합 콘텐츠)”는 웹페이지에서 안전하지 않은(비안전한) HTTPS 연결을 통해 로드되는 웹페이지의 콘텐츠를 나타냅니다.일반적으로 웹페이지는 HTTPS(암호화된 연결)를 통해 안전하게 로드되어야 하지만 때로는 안전하지 않은 HTTP 연결을 통해 이미지, …
[JS] 레이아웃에 맞는 이미지 크기 자동 조절
이미지는 웹사이트의 시각적인 매력을 높이고 사용자 경험을 향상시키는 중요한 역할을 합니다. 그러나 이미지의 크기를 올바르게 조절하지 않으면 의도치 않은 레이아웃으로 웹사이트의 디자인을 깨뜨리게 됩니다. 본 글에서는 JavaScript와 jQuery를 활용하여 레이아웃에 …
다음 카카오 이미지검색 API 사용하기
본 포스팅에서는 다음 카카오 에서 제공하는 이미지 검색 API를 입문자 입장에서 쉽게 설명하고 있습니다. 기본 기능을 익히고자 하는 분들에게 좋고 아이디어가 있다면 여기에 살을 붙여 멋진 프로젝트로 연계해 나갈 수 …
[JS] 쿠키/세션/로컬 스토리지 차이점과 용도
자바스크립트(JS)에서 데이터를 저장하고 관리하는 방법은 여러 가지가 있습니다. 그 중에서도 쿠키와 로컬 스토리지는 흔히 사용되는 두 가지 메커니즘입니다. 이 둘의 차이점과 각각의 용도를 알아보겠습니다. 1. 쿠키(Cookies) 쿠키의 특징 쿠키의 용도 …
[JS] 팝업창 ‘오늘 하루 열지 않음’ 구현하기
웹사이트를 이용하다 보면 여러 창과 광고가 떠서 사용자 경험을 해치는 경우가 있습니다. 이러한 문제를 해결하기 위해 ‘오늘 하루 열지 않음’ 기능은 사용자들이 한 번 차단하면, 그 날 동안은 더 이상 …
![[JS/jQuery] 전체화면(Fullscreen) API](https://ljj.kr/wp-content/uploads/2023/10/2023-10-22-04-300x150.png)
[JS] 브라우저 전체화면(Fullscreen API) 기능 구현
서론 모던 웹 어플리케이션은 사용자 경험을 향상시키기 위해 다양한 기능을 제공합니다. 그 중 한 가지 중요한 기능은 브라우저 전체화면 모드입니다. 이 기능을 구현하려면 JavaScript의 Fullscreen API를 이해하고 활용할 수 있어야 …
[JS] 자주 사용하는 정규식 모음
정규식은 프로그래밍과 웹 개발 분야에서 중요한 개념 중 하나입니다. 이는 문자열 검색과 처리를 위한 강력한 도구로, 데이터 추출, 유효성 검사, 문자열 대체 등 다양한 용도로 사용됩니다. 이번 글에서는 초보자들을 위해 …