커피챗(CoffeeChat)이란?
커피챗이란 용어를 처음 듣고 검색을 해보면 특정 플랫폼이 검색됩니다. 이는 처음 접하는 용어에 대한 잘못된 해석을 접할수 있는데요.커피챗에는 크게 다음과 같은 두가지 의미가 있습니다. 보통 첫번째 의미로 많이 소통하고 있으니 …
구글 이미지 검색 API 사용하기
본 포스팅에서는 구글에서 제공하는 이미지 검색 API를 입문자 입장에서 쉽게 설명하고 있습니다. 기본 기능을 익히고자 하는 분들에게 맞추어 기술하였고 아이디어가 있다면 여기에 살을 붙여 멋진 프로젝트로 연계해 나갈 수 있으리라 …
[CSS] 커서(cursor) 스타일링
커서 스타일링은 웹 개발에서 사용자 경험을 향상시키고 웹 페이지의 시각적 디자인을 개선하는 중요한 측면입니다. 여기에는 커서의 모양, 동작, 및 상호 작용에 관한 여러 가지 측면이 포함됩니다. 본 글에서는 CSS 커서 …
![[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를 활용하면 아이디어에 따라 멋진 콘텐츠를 손쉽게 제작할 수 있습니다. 대표적으로 …
‘Hello World’의 유래
“Hello World”는 프로그래밍에서 가장 기본적이고 널리 알려진 구문 중 하나입니다. 이 작은 구문은 프로그래머가 언어의 기본 구조를 이해하고 컴퓨터와 소통하는 방법을 배우는 데 사용됩니다. 하지만 이 작은 문장의 유래와 역사에 …
네이버 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를 활용하여 레이아웃에 …