Cloudflare Tunnel로 쉽고 안전하게 서비스 운영하기

오랜만에 방에 고이 보관 중이던 라즈베리파이 4를 꺼내서 무언가를 해보고 싶었다. 개인 프로젝트를 만들고 저장할 때 Github를 사용하니 Github 레포지토리가 난잡해 보여서, gitea를 통해 나만의 Git 서버를 만들어 보기로 했다. 문제는 외부에서도 접속이 가능케 해야 한다는 것이었다. 처음 Gitea를 설치했을 당시, 외부 접속을 위해 일반적인 포트 포워딩 방식을 고려하였다. 그러나 두 가지 문제로 인해 난관에 부딪혔다. 첫째는 공인 IP 할당의 부재였다. 다이내믹 IP를 사용하고 있었기 때문에, IP가 재할당 되면 레코드를 다시 바꾸어주어야 한다. 둘째는 혹시 모를 보안 문제 때문이다. 외부의 포트 스캔이나 취약점에 노출될 수도 있고, 혹시라도 인터넷이 터지면 집에 연결되어 있는 다수의 기기..

• format_list_bulleted 개발일지
• · 2026. 2. 28.

개인 포트폴리오 사이트 제작 후기

오랫동안 미뤄왔던 개인 포트폴리오 사이트 개발을 마무리했다. 도메인을 1월 초에 사놓고, 정작 가장 중요한 메인 홈페이지는 랜딩으로 때워놓았었다. 그러다가 오늘 설 연휴에 시간이 남아 하루 만에 완성하고 배포하기로 다짐했다.기술 스택 선정개발자의 정체성을 드러내는 게 포트폴리오라고 생각한다. 따라서 나는 요즘에 내가 국밥처럼 사용하는 기술 세트를 사용하기로 했다. 바로 Next.js & TypeScript, Tailwind CSS, Vercel 3종 종합 선물 세트다.제작 과정 속 고민들유지보수포트폴리오 특성상 내용 변경이 잦다. 새 프로젝트를 게시하거나 SNS 아이디를 바꿔야 할 때, 만약 코드 안에 내용들이 하드코딩 되어있을 경우 수정이 어렵다. 따라서 데이터 객체로 관리하여 내용 수정에 대비했다. ..

• format_list_bulleted 개발일지
• · 2026. 2. 15.

[1일차] 3년 전에 만들고 버린 유튜브 다운로드 프로그램 리팩토링하기

'개발' 폴더를 구경하다가, 예비중1 겨울방학에 만든 프로그램이 보였다. YTWarp라는 이름의 유튜브 다운로드 프로그램이었다. 파이썬의 Flask, yt_dlp를 이용하여 부트스트랩으로 된 사이트와 POST 요청 형태의 api도 만들어보는 시도를 했네. ChatGPT가 없던 세상이었으니, 은근 기특하다고 해야겠다. 코드를 실행시켜 웹에 접속해보니 추억이 떠오를듯 하다. 눈누에서 고른듯한 수트 폰트, 문의 이메일로 볼수 있는 Freenom발 .tk 도메인까지... 내부 소스에도 초딩스러운 if문의 나열, 가짜로 만들어본 에러 코드를 찾을 수 있었다. 보시는 분이 있을진 모르겠다만 소스도 첨부해보겠다. ffmpeg.exe를 다운로드하고 폴더에 추가해야 정상적인 동작이 가능하다. 바꾸자! 더 세련되게, ..

• format_list_bulleted 개발일지/프로그램
• · 2026. 2. 9.

"오늘 뭐 입지?" 고민하다가 4시간 만에 만든 '깔롱진 옷장' 제작기

고등학교 입학을 앞두고 공부하느라 바쁜 요즘이지만, 오래간만에 학원이 없는 토요일이 찾아와 웹 서비스 아이디어를 찾고 있었다. 그러다 매일 입을 옷을 옷장 앞에서 휘적거리는 대신, 침대에 누워서 폰으로 내 옷들을 슥슥 넘겨보며 코디할 수 있으면 좋겠다는 생각이 들어 웹사이트를 만들어보았다.https://closet.seeun.kim/ 깔롱진 옷장문의하기 | 개인정보취급방침 © 2026 seeun.kim All rights reserved.closet.seeun.kim 테크 스택빠르게 만들고 배포하는 토이 프로젝트로 기획된 웹사이트기에, 가성비가 좋은 프레임워크와 기술들을 사용해 보았다.한 달 전쯤에 보안 취약점으로 이슈가 되기도 했지만 프론트엔드와 간단한 백엔드 구현까지 빠르게 할 수 있는 Next...

• format_list_bulleted 개발일지/웹 서비스
• · 2026. 1. 17.

코몽 개발 수기: 중학교 3학년이 웹 서비스를 출시할 수 있을까?

코몽 프로젝트작년 한해간 어르신들의 디지털 고립 (Digital Isolation) 문제를 해결하기 위한 학교 프로젝트를 진행했다. 이 글에서는 나와 친구들이 진행한 '코몽 프로젝트'의 과정을 담았다.1학기부터 2학기, 처음과 끝까지의 내용이 모두 포함되어 있어 글이 다소 지엽적이고 개발보다 '운영', '팀 워크', '성장'에 초점이 맞춰진 일기 형태의 글이지만, 끝까지 읽어주시길 부탁드린다. https://www.comong.xyz 나에게 ‘서비스’란 무엇이었나초등학교 때 블록 코딩 플랫폼 엔트리에서 게임 몇 개를 만들어보며, 더 나아가고 싶다는 생각이 들었었다. 초등학교 5학년에 불과했지만, 구글 프로그래머블 검색 엔진을 이용해 간단한 포털 사이트를 만들었다. 도메인과 서버를 사고, 야심 차게 TL..

• format_list_bulleted 개발일지/코몽
• · 2026. 1. 11.