https://handsome-tiger-789.github.io/A minimal, responsive and feature-rich Jekyll theme for technical writing. 2026-03-07T21:24:45+09:00 handsome-tiger-789 https://handsome-tiger-789.github.io/ Jekyll © 2026 handsome-tiger-789 /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2026-03-03T11:00:00+09:00 2026-03-03T11:00:00+09:00 https://handsome-tiger-789.github.io/posts/Google-OAuth2/ handsome-tiger-789

Git : https://github.com/handsome-tiger-789/google-oauth2 이 글에선 간단하게 OAuth2 를 이용한 로그인 프로세스를 구현해보고자 한다. OAuth2를 위한 라이브러리 사용과 전체적인 통신 흐름만 다루기 때문에 구체적인 오류 핸들링은 다루지 않는다. Google Cloud Console 설정 구글 OAuth2 사용을 위해 우선 프로젝트를 생성한다. 프로젝트 상세 > API 및 서비스 > 사용자 인증 정보 메뉴로 들어오면 처음에 OAuth 동의 화면을 구성하라고 나온다. 순서대로 앱 이름과 사용자 지원 이메일 작성 위 작업 후 OAuth 클라이언트 만들기 어플리케이션 유형은 웹 어플리케이션으로 만들고 이름...

2026-02-19T11:00:00+09:00 2026-02-19T11:00:00+09:00 https://handsome-tiger-789.github.io/posts/Squoosh-&-slimg/ handsome-tiger-789

얼마 전 설치한 openclaw를 통해 Geeknews 사이트 브리핑을 정리해서 받고있다. 보던 중 흥미로운 내용이 있어 잊지 않기 위해 개념만 작성하려 한다. 기사 출처 : https://news.hada.io/topic?id=26773 54GB 이미지를 8GB로 줄인다는 문구가 너무 충격적이라 안볼수가 없었다.. 뭐 내용은 말 그래도 이미지 파일을 획기적으로 압축, 화질 저하도 육안으로 볼때 거의 없음 그럼 어떻게 사용할 수 있느냐 개념만 이해하자. 우선 기사에 나온 Squoosh 부터 React에 Squoosh 라이브러리를 적용하여 이미지 최적화 코드를 넣어주면, 사용자가 자신의 브라우저에 이미지를 업로드 했을때 그 이미지가 브라우저 안에서 압축 된다. 이후 ...

2026-02-09T11:00:00+09:00 2026-02-09T11:00:00+09:00 https://handsome-tiger-789.github.io/posts/GraphQL/ handsome-tiger-789

git : https://github.com/handsome-tiger-789/graphql-demo GraphQL 왜 써야하는가? MSA 구조가 많아지면서 프론트엔드에서 호출 해야하는 end point가 다양해지기 시작했다. 백엔드 입장에서도 API가 많아지거나 하나의 API에 담아주는 데이터가 많아지면서 네트워크에서 오고가는 데이터의 양이 많아지기도 했다. 시대가 PC에서 모바일 환경이 더 주가 되기 시작하면서 통신 시 많은 데이터가 오가면 느리기도 하고 데이터 소모가 더 많아지는 문제가 발생했다. (이를 해결하려면 각 호출 기능마다 필요한 데이터만 보내야하는데 그러면 API 개수가 많아진다.) GraphQL은 이 두가지를 해결할 수 있는 대안이다. end point의 통...

2026-02-05T11:00:00+09:00 2026-02-05T11:00:00+09:00 https://handsome-tiger-789.github.io/posts/Openclaw-docker-%EC%84%A4%EC%B9%98/ handsome-tiger-789

최근 핫한 openclaw 를 찍먹해보기 위해 안전한 Docker 환경에 설치해보자. 설치환경 Mac (M3) Docker Gemini (무료계정) Discord 연동 혹시 몰라 구글계정, 디스코드 계정 모두 새로 생성했다. Google API Key 발급 gemini 무료 계정의 API 키를 연동하기 위해 Google AI Studio에 들어가서 API 키를 발급받는다. 화면 좌측 아래 Get API Key 메뉴 진입 우측의 API 키 만들기 버튼을 클릭하여 새로운 키를 하나 생성한다. 키 목록에서 새로 만든 키를 선택하여 API 키 를 복사. Discord 봇 추가 우선 봇을 추가하고자 하는 서버와 채널을 생성해둔다 discord d...

2026-02-02T11:00:00+09:00 2026-02-02T11:00:00+09:00 https://handsome-tiger-789.github.io/posts/ERD-Editor/ handsome-tiger-789

DB는 ERD 를 얼마나 잘 작성하고 유지보수 하느냐가 매우 중요하다. 그만큼 한 눈에 파악하기 쉬워야하기도 하지만 실시간 공유와 히스토리 파악이 중요하다고 생각한다. 유료 ERD 프로그램도 있고 DB 툴에서 제공하는 프로그램도 있으나 오늘은 개발툴에서 프로젝트별로 확인 가능한 플러그인을 소개하고자 한다. 설치 IntelliJ 와 VSCode 에서 플러그인 화면을 통해 무료로 다운로드 받을 수 있다. 다만 IntelliJ에서는 캔버스 랜더링으로 인해 코딩시에도 버벅임이 생길 수 있으며, 금일 기준 맥에선 정상작동하지 않아 VSCode를 추천 플러그인 소개 화면에서 Guides 에 걸려있는 링크를 통해 플러그인 사용법과 기능을 확인 할 수 있다. ERD 그리기 ER...