구글 이미지 검색 API 사용하기
본 포스팅에서는 구글에서 제공하는 이미지 검색 API를 입문자 입장에서 쉽게 설명하고 있습니다. 기본 기능을 익히고자 하는 분들에게 맞추어 기술하였고 아이디어가 있다면 여기에 살을 붙여 멋진 프로젝트로 연계해 나갈 수 있으리라 …
![[jQuery] 이전/다음 작품이 보이는 슬라이드 갤러리](https://ljj.kr/wp-content/uploads/2023/11/2023-11-06-02-300x150.png)
[jQuery] 이전/다음 작품이 보이는 갤러리 만들기
갤러리 또는 이미지 리스트에서 이전 이미지와 다음 이미지가 살짝 보이는 갤러리를 구성하기 위한 CSS와 jQuery를 활용하여 구성하는 방법과 예제소스를 제공하고 있습니다. 특정 클라이언트 요구사항에 맞춰진 UI이지만 조금만 수정하면 원하는 형태의 …
네이버 이미지 검색 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가 올바르지 않거나 인증 프로세스에서 …
[JS] 레이아웃에 맞는 이미지 크기 자동 조절
이미지는 웹사이트의 시각적인 매력을 높이고 사용자 경험을 향상시키는 중요한 역할을 합니다. 그러나 이미지의 크기를 올바르게 조절하지 않으면 의도치 않은 레이아웃으로 웹사이트의 디자인을 깨뜨리게 됩니다. 본 글에서는 JavaScript와 jQuery를 활용하여 레이아웃에 …
![[JS/jQuery] 전체화면(Fullscreen) API](https://ljj.kr/wp-content/uploads/2023/10/2023-10-22-04-300x150.png)
[JS] 브라우저 전체화면(Fullscreen API) 기능 구현
서론 모던 웹 어플리케이션은 사용자 경험을 향상시키기 위해 다양한 기능을 제공합니다. 그 중 한 가지 중요한 기능은 브라우저 전체화면 모드입니다. 이 기능을 구현하려면 JavaScript의 Fullscreen API를 이해하고 활용할 수 있어야 …
![[Javascript/jQuery] 화면에 보이는지(가시성) 체크](https://ljj.kr/wp-content/uploads/2023/10/2023-10-05-02-300x150.png)
[Javascript / jQuery] 화면에 보이는지 체크하기(가시성)
개요 이 문서에서는 JavaScript와 jQuery를 사용하여 웹 페이지에서 특정 요소가 화면에 보이는지 여부를 체크하는 방법에 대해 알아보겠습니다. 화면 가시성을 확인하는 것은 웹 개발에서 흔한 요구사항 중 하나입니다. 이 기술은 사용자 …
![[Javascript/jQury] 보이는 요소 찾기](https://ljj.kr/wp-content/uploads/2023/10/2023-10-05-01-300x150.png)
[Javascript/jQuery] 보이는 요소 찾기: 요소의 가시성
웹페지를 구현하다 보면 보이는 요소와 보이지 않는 요소를 선택해야 하는 경우가 종종 발생합니다. 본 포스팅에서는 [Javascript/jQuery] 보이는 요소 찾기라는 주제를 다루며, 자바스크립트와 제이쿼리를 사용하여 가시적인 요소를 찾는 과정을 안내합니다. 요소의 …
Ajax 로딩 프로그래스바 구현하기(Javascript / jQuery)
웹 애플리케이션의 사용자 경험을 향상시키는 데 있어 Ajax(Asynchronous JavaScript and XML)는 중요한 역할을 합니다. 데이터를 비동기적으로 불러오면서 페이지를 새로 고치지 않고도 동적인 콘텐츠를 제공할 수 있기 때문입니다. 그런데, 사용자가 어떤 …
웹페이지 로딩 이미지 구현하기
로딩 이미지의 중요성 이해하기 사용자들은 웹 페이지를 기다리는 동안 로딩 이미지를 보고 있을 때, 그들은 페이지가 여전히 작동 중임을 알게 됩니다. 이는 웹 페이지의 속도와 성능을 높이고 사용자의 참여도를 높이는 …