Hangmin's Blog.

2026/06/02 (D+70, 화): 한국행 전날 한국에서 선거 치룰 겸 부모님 생신 축하 하기 위해 한국에 잠시 돌아가기로 한 전날이다. 평소(?)와 같이 빈둥대며 아침에 일어나서 시리얼 먹고 공부 좀 했다. 오전엔 날씨가 괜찮았다. 그렇게 있다 보니 어느덧 점심 시간이 되어 점심 밥을 간단하게 간장 계란밥으로 해결해줬는... 더보기

2026/06/01 (D+69, 월): 6월이라고 덥기는 하네 오늘은 별 내용은 없는 하루였다. 아침에 어제 사왔던 물 탄 맛 우유와 시리얼을, 이번엔 제대로 설탕 코팅 된 시리얼로 사서 맛나게 말아 먹고, 설거지는 방치해두고... 공부를 좀 하다가 다시 졸려서 잤다가 점심 쯤 일어나서 밥을 먹어야 하는데 뭘 먹을까 고민하다가 카레를 먹기로 했다. 그런데 카레용 고기는 따로 없어서 그냥 집에 있던 다진고기를 넣어서 만들어 먹었는데 생각보다... 더보기

2026/05/31 (D+68, 일): 진짜 스리랑카 요리를 먹었다 오늘도 평범한 주일이 찾아왔다. 아침에는 어제 저녁에 장볼 때 사왔던 빵과 우유를 먹었다. 우유를 근데 두번째로 싼 걸로 사왔는데, 일본 우유는 탈지분유를 쓴 우유와 진짜 원유를 우유팩 위에 홈이 나있는지 여부로 알 수 있는데, 이번에 산 우유는 홈이 나있지 않은 우유였다. 탈지분유로 만든 ... 더보기

2026/05/30 (D+67, 토): 오랜만에 클라이밍 오늘은 다른 사람들과 클라이밍을 하기로 약속을 잡은 날이다. 근데 원래 모이기로 했던 인원들이 더 있었는데 하나 둘 일정이 있거나 아파서 못 나오겠다고 하는 것이었다. 이거 참여자가 없는 거 아닌가 걱정이 되긴 했지만, 그러면 그러... 더보기

2026/05/29 (D+66, 금): 퇴근 후 버거는 앞으로 그냥 매장에서 하는 걸로 요즘 뭐 크게 에피소드가 없어서 제목 짓기도 좀 어려운 것 같다. 어제.. 가 ... 더보기

2026/05/28 (D+65, 목): 일본 베스킨라빈스 첫 경험 어제 유니클로에서 주문한 옷이 도착했다고 수령하라는 메일을 받아서 오늘 받으러 갔다. 구름은 끼었지만 애매하게 밝은 날씨에 선크림은 발랐지만 모자를 쓰지는 않았기에, 그 생각보다 뜨거운 태양빛을 참기 어려워 양산을 쓰고 셔틀버스 타는 곳까지 걸어갔다. 버스는 에어컨... 더보기

2026/05/27 (D+64, 수): 또 찐빠 낸 자신을 위로하는 짜파게티 에... 결론부터 말하자면 오늘 또 찐빠... 더보기

2026/05/26 (D+63, 화): 사라우동 오늘은 공부하고 블로그 보수하고 집에서 그런 것만 했다. 점심에 저번에 사뒀던 무인양품 사라우동을 해먹었다. 이걸 내가 2년 전 혼자 도쿄로 여행 갔을 때 공항에서 먹고서 신기하다고 생각했던 음식인데 무인양품에서 팔고 있길래 냉큼 사봤다. 근데 내용물을 까보니 그냥 면이랑 스프만 들어 있고 야채나 뭐 이런 것들은 하나도 없는 제품이었다. 그래서 급한대로 집에 있는 양파와 ... 더보기

2026/05/25 (D+62, 월): 찐빠3 월요일. 월요병은 분명 존재하는 것 같다. 왜냐하면 내가 오늘 추우우욱 쳐져있었기 때문이다. 아침에 제때 일어나기는 했으나 이내 다시 누워서 딴짓과 단어 외우기를 하던 도중 다시 졸려서 잠을 더 청하기도 하고,,, 원래 어제... 더보기

2026/05/24 (D+61, 일): 내가 지금 여기 있는 이유는 무엇 지난 한 주도 무사히 지나가 무탈히 오늘 또 새로운 주일을 맞이하게 된 것에 감사하며 하루를 마무리하며 일기를 쓴다. 아침에는 딱히 그런 생각을 하진 않았던 것 같다. 그냥 또 하루가 시작되었구나... ... 더보기

2026/05/23 (D+60, 토): 두 달이나 지났는데 아직 안 가본 곳이 많구나 오늘은 교회 친구들 몇 명이서 스시로에서 점심 먹기로 약속을 잡은 날이다. 아침에 적당히 일어나서 아침 밥은 먹고 싶어 어제 사왔던 빵(멜론 크림빵!!!)을 먹고 공부 좀 하다 보니 시간이 벌써 준비하지 않으면 늦을 시... 더보기

2026/05/22 (D+59, 금): 애매한 날씨 전날에 비가 그렇게 오더니 오늘 아침에는 유독 햇살이 더욱 강하게 느껴졌다. 밥도 없고 아침에 콘... 더보기

2026/05/21 (D+58, 목): JLPT D-45 그간 계속 공부해야 한다 공부해야 한다... 했지만서도 그래도 이번엔 시간이 조금 여유가 있다고 생각을 했으나, 벌써 시험날이 45일 앞으로 다가왔다는 것을 알아차린 순간, 이것은 그동안 안일하게 평화로운 삶을 안주했던 나 자신의 뒷통수를 세게 한 대 갈긴 것 마냥 얼얼한 충격으로 다가왔다고 해도 과언... 더보기

2026/05/20 (D+57, 수): 왜 계속 피곤해 오늘 아침에는 비교적 적당하게 잘 일어난 것 같다. 다만 일어나고 한동안 정신이 제대로 들지 않았다. 엄청 피곤한 기분이 계속 남아있는 상태였다. 아침을 적당히 먹고 단어를 조금 외우고 있는데 그새 졸음이 다시 몰려... 더보기

2026/05/19 (D+56, 화): 고작 네 시간 일 한다고 벌써 지치기 있어? 여느때와 똑같은 하루였다. 다만 내가 2시쯤 잠에 들었는데 그 뒤로 4시에 한 번 깨고 다시 자서 6시에 무슨 이삿짐차 소리에 한 번 더 깨고 8시쯤인가에도 깨고... 최종적으로 9시 반 쯤 일어났다. 암막커튼 없이 지내려니 해가... 더보기

2026/05/18 (D+55, 월): 더워졌다 어제 낮잠을 퍼질라게 자서 그런지 오늘 아침에 일어나는데 별다른 피로감 없이 한방에 잘 일어났다. 그게 9시쯤이었고 그랬겠다, 간만에 아침에 콘푸로스트를 말아 먹으면서 하루를 시작했다. 오전에는 그냥 유튜브나 보다가 적당히 시간 보내다가 그저께 저녁에 만들어둔 마지막 카레를 마저 끓이고 파스타 면을 삶아 카레 파스타! 를 해 먹었는데, 그냥저냥 아주 맛있게 잘 먹었다. 브로콜리가 자기 색을 ... 더보기

2026/05/17 (D+54, 일): 왠지 간만에 피곤함이 느껴졌던 오늘 어제 샀던 빵을 아침에 먹고 싶어서 일부러 평소보다 조금 일찍 일어났다. 그래도 9시쯤에는 아침밥을 먹어야지 점심 먹는 데 지장이 없기 때문에... 그래서 아침에 우유와 빵으로 하루를 시작했다. 빵은 맛있었다! 뭔가 식빵같은 비주얼의 겉빵과 사이에는 딸기크림이 들어 있었는... 더보기

2026/05/16 (D+53, 토): 드디어 집이 좀 더 집 같아지다. 요즘 알바를 해서 그런가? 아침에 일어나는 게 고정적으로 더 늦어졌다. 평소에는 그래도 늦게 일어나도 10시나 10시 반에 일어났는데 요새는 일어나면 11시다.... 더보기

2026/05/15 (D+52, 금): 집게리아! 요즘 아침에 일어나는 것이 어려워졌다. 일을 늦게까지 해서 그런 탓일까... 입병도 나고 간만에 일이란걸 하니 몸이 좀 적응을 못 하는 것 같아 보인다. 점심... 더보기

2026/05/14 (D+51, 목): 생각보다 힘든..가? 어제 알바 간 있었던 일 때문에 꽤나 힘들었는지 오늘 자고 일어나는 게 꽤 힘들었다. 힘들었달까, 일어나고 싶지가 않은 느낌이었다. 한번 눈은 6시 쯤에 떠졌으나 너무 일찍 일어났음을 깨닫고 다시 잠에 들었고... 9시 반 쯤 다시 또 일어났던가? 그랬으나 움직이고 싶지 않아 침대에서 11시까지 뒹굴다 정신 차리고 일어나서 바로 좀 있... 더보기

우선 완성된 컴포넌트는 나의 Github 리포지토리에 올려뒀다: https://github.com/hangminlee/ImageViewer-Svelte 이번 글은 어떻게 이미지 뷰어 컴포넌트가 작동하는지에 대한 기록이다. 배... 더보기

https://www.youtube.com/watch?v=54jej-is6wE 위는 유튜브 url이다. 이것이 임베딩으로 영상으로 나오게끔 할 예정이다. https://maps.app.goo.gl/3zGt8WknN6bcLUVS6 위는 구글맵 url이다. 이것이 임베딩으로 구글맵 지도로 나오게끔 할 예정이다. ... 더보기

인터넷에 검색해보면 CSS 드롭다운 메뉴의 대부분이 :hover 클래스만 사용해 마우스를 올렸을 때 드롭다운 메뉴가 나타나는 동작을 보여주고 있다. 그러나 때때로, 호버 할 때 뿐만이 아닌 진짜 드롭다운 메뉴처럼... 더보기

[database] mysql user 등록 및 권한 설정(feat.원격 접속 허용)

이 블로그는 게시글을 올릴 때, 파일을 업로드할 수 있게 해두었으며, 파일을 올리면 서버를 거쳐 Oracle Cloud Infrastructure(OCI) 의 오브젝트 스토리지(Object Storage) 에 파일이 올라간다. 파일 다운로드 URL이 API 주소로 인해 너무 길어지는 문제가 있고 다소 지저분하다는 느낌이 들어 실제 다운로드 URL은 DB에 저장하고 서버에 다운로드 URL을 요청하면 DB에서 해당하는 문서를 찾아 리다이렉트시켜 다운로드 받을 수... 더보기

자고로 블로그라면, 그래도 댓글로 소통하는 공간이 필요하다고 생각했다.물론 내 블로그에 와서 누군가 관심 가져주고 댓글을 많이 달아주겠지! 라는 기대는 크게 하지 않고 있지만 말이다. 하지만, 이 블로그는 단... 더보기

가끔 코딩을 하다 보면, 특정 요소를 현재 컴포넌트나 HTML 구조에 속하지 않은 곳에다가 요소를 배치하고 싶은 때가 있다. 예를 들면 모달(modal) 창이라던지, 드롭다운 메뉴 등등, 어떤 요소와 상호작용하는 요소를 문서 흐름에 배치하지 않고 body나 다른 요소에 붙이고 싶은 경우가 있을 수 있겠... 더보기

어느정도 블로그의 형태를 다 갖춘 것 같아서 본격적으로 배포를 위해 구글 서치 콘솔에 사이트를 등록했다. 색인 작업이 끝나려면 시간이 좀 더 필요하겠지만, 슬슬 통계를 볼 수 있을 것이라 생... 더보기

npm create vite@latest my-widget -- --template svelte-ts npm: nodejs의 기본 패키지 매니저 create: 다음으로 오는 패키지로부터 새 프로젝트를 생성 vite@latest: 최신 vite 패키지를 사용 my-widget: 프로젝트 이름 --: 파라미터 시작 --template svelte-ts: svelt... 더보기

Vite 빌드 시 번들 구성과 용량 통계를 시각적으로 확인하고 싶을 때 가장 많이 사용하는 플러그인은 rollup-plugin-visualizer입니다. 이 플러그인을 사용하면 빌드 완료 후 어떤 라이브러리가 용량을 얼마나 차지하는지 트리맵(Treemap) 형태로 보여주는 HTML 리포트를 생성할 수 있습니다. 1. 설치 방법 먼저 개발 의존성으로 플러그인을 설치해야 합니다. Bash npm install --save-d... 더보기

아래는 Cloudflare로 네임서버 이전 → Let’s Encrypt 와일드카드 인증서 발급 → 자동 갱신까지 실무 기준으로 한 번에 따라 할 수 있는 상세 가이드야. (feat. ChatGPT) (서버는 Linux / Nginx(or Apache) 기준, 가장 많이 쓰는 certbot + DNS-01 방식으로 설명할게) 0️⃣ 전체 구조 한 번에 이해하기 DNS 제공자: Cloudflare 인증서: Let’s Encrypt (... 더보기

[NODE] 📚 PM2 모듈 사용법 - 클러스터 / 무중단 서비스

결과부터 보자면 이런 것이다. (스크롤을 올리거나 스크롤을 맨 위로 올렸을 때) (스크롤을 내렸을 때) 스크롤에 맞춰 자연스럽게 내려오고 올라오게 하고 싶었지만, 헤더를 상정하고 짜둔 여러 디자인들이 좀 충돌되기도 하고 계산하기도 귀찮아서 그냥... 더보기

Tiptap 에디터에 파일 업로드 기능을 붙였다. 현재로는 이미지만 넣을 수 있게 해놓았다. 방법은 총 세가지다. 파일 드래그 앤 드롭을 통한 업로드 붙여넣기를 이용한 업로드 업로드 버튼을 이용한 업로드 ... 더보기

https://codingapple.com/course/react-basic/ 사실 이 블로그는 SvelteKit으로 만들었다. 야매로 하긴 했지만 그래도 어느정도 기초적인 JS 지식은 생겼다고 생각했다. 하지만 React 이건 Svelte랑 다르게 너무 불편하고 미개한(?) 것 같다. 물론 먼저 나온거고 철학 자체가 달라서 그런거라고 하기는 하지만, Svelte에서 자동으로 해주던 것들을 직접 제어해야 하는 부분이 많다... 더보기

https://velog.io/@dy6578ekdbs/오소플-기술블로그

원하는 대로 다 추가가 되는게 너무 재미있긴 하다. editor.css 파일에다가 아래 코드를 적용했다. .editor-body pre { margin: 1em 0; padding: 1em; background: var(--bright-grey); border-radius: 4px; } .editor-body pre code { ba... 더보기

블로그라면 자고로 파일 업로드 기능도 있어야지... 이거 너무 재밌는 것 같다. CSS도 하나도 적용되어 있지 않아서 하나부터 열까지 다 만들어야 하는게 단점이라면 단점이지만, 그래도 재미있다. 이제 이렇게 파일도 집어넣을 수 있게 되었다. 마크다운으로는 어떻게 되려나. 마크다운으로도 잘 표시가 되긴 하는데, 사이즈 값이 지정되지는 않는 것 같다... 더보기

https://kyuntechblog.tistory.com/39

뭔가 해보니 별것 아닌 것 같지만 별것 아닌게 아니었다. 그냥 추가하는 건데도 이렇게 어렵다니... 그래도 완성(?) 되어서 다행이다. 이렇게 굵은 글씨도 잘 적용되고,이탤릭도 잘 적용되고~밑줄은 에디터 통해서 넣어야 하지만 어쨌뜬 잘 적용된다. 흠... 그렇다. 좋은 날 오겠지 뭐. ... 더보기

주는 그리스도시요, 살아계신 하나님의 아들이십니다. 아멘!