빈코의 개발일지

개요요즘 개발자라면 한 번쯤 이런 생각을 해봤을 것이다.“AI가 코드를 다 짜주는 시대가 오면, 나는 무엇을 해야 할까?” 처음에는 ChatGPT가 신기하게 느껴졌지만, Cursor나 Claude Code 같은 도구들이 빠르게 발전하는 걸 보면서 자연스럽게 이런 고민이 들었다. 하지만 동시에, 이 도구들을 잘 활용하면 오히려 더 빠르고 효율적으로 개발할 수 있다는 생각도 들었다. 결국 중요한 건 AI에 대체되는 것이 아니라, AI를 어떻게 활용하느냐라는 관점이었다. 그러다 THE AI가 묻고 미래가 답하다를 읽게 됐고, AI 시대에 어떻게 준비해야 할지에 대한 생각이 조금은 정리되기 시작했다. 책을 통해 정리한 AI 시대 개발자의 변화📙THE AI가 묻고 미래가 답하다는 크게 세 파트로 나뉜다. 파..

개요안녕하세요! 오늘은 AI 도구인 Claude를 활용해 바이브 코딩 방식으로 ‘펜션 투숙객 디지털 가이드’를 만든 과정을 소개해보려고 합니다. 친형이 제주도에서 펜션을 운영하고 있는데, 손님분들께서 체크인/체크아웃 시간, Wi-Fi 비밀번호, 주변 맛집 같은 안내 사항을 자주 물어보신다고 하더라고요. 그래서 QR 코드만 스캔하면 필요한 정보를 한눈에 확인할 수 있는 디지털 가이드를 만들어 보게 되었습니다. 이 웹사이트는 코드를 일일이 직접 작성한 것이 아니라 AI와 대화하면서 제작했고, 호스팅 비용도 0원으로 유지할 수 있는 방식으로 만들었습니다. 자세한 제작 과정은 아래에서 설명할게요😊 완성 화면 미리보기 📙1. 홈 화면 - 체크인/체크아웃 시간, WiFi, 공지사항 등의 내용을 확인할 수 있습..

나에게 2025년은 잔잔한 호수 같았다. 격한 변화 대신 깊은 고요 속에서 나를 돌아보고, 더 멀리 나아갈 힘을 차근차근 길러가는 시간이었다. 다사다난했던 지난 시간들과는 달리, 올해는 쉼과 성찰이 중심이 되었고 그 고요 속에서 나는 한층 더 단단해진 것 같다. 2025년의 첫걸음은 엄마와 함께한 일본 여행이었다. 크게 특별하진 않았지만, 그 소박하고 따뜻한 시작이 한 해를 잔잔하게 물들였던 것 같다. 세상에서 제일 따뜻했던 손과 함께 어렸을 적, 태권도 학원이 끝나면 늘 엄마 손을 꼭 잡고 문방구로 향하곤 했다. 사고 싶은 걸 고르라는 엄마 말에, 나는 작은 손가락으로 총알처럼 이것저것 가리키며 욕심을 부렸다. 그러면 엄마는 늘 “다 들고 가지도 못할 거면서” 하며 웃으셨지만, 결국에는 그 큰 손으로 ..

개요안녕하세요. 오늘은 JavaScript에서 배열 안의 객체를 수정할 때 주의해야 할 점에 대해 알아보려 합니다. 이번 주제는 지난번 포스팅에서 다뤘던 Shallow Copy(얕은 복사)와 Deep Copy(깊은 복사) 개념과도 밀접한 관련이 있습니다. 간단히 다시 짚자면, 얕은 복사는 객체의 1단계까지만 복사하고, 내부에 중첩된 객체는 여전히 원본 객체와 참조를 공유합니다. 반면에 깊은 복사는 객체 전체를 재귀적으로 복사하기 때문에 원본과 완전히 분리된 새로운 객체가 생성됩니다. 이와 비슷하게, 배열 안에 있는 객체도 참조와 재할당에 따라 전혀 다른 동작을 하게 됩니다. 어떤 차이가 있는지, 아래 예제를 통해 좀 더 자세히 살펴보겠습니다😁 참조📙참조는 객체(Object), 배열(Array), 함수..

개요웹 개발을 하다 보면 keydown, click, change 등 다양한 이벤트를 바인딩하게 됩니다. 하지만 문제는 이벤트가 중복 등록되어, 원하지 않게 이벤트가 두 번 호출된다거나, 함수가 여러 번 실행되는 문제가 생길 수 있습니다. 특히 모달창을 여러 번 열고 닫을 때, 혹은 동적으로 요소를 다시 그릴 때 이런 문제가 왕왕 발생합니다. 오늘은 이를 예방하는 가장 간단하고 효과적인 방법을 소개하려 합니다. 하단에서 좀 더 자세히 살펴볼게요😃 왜 .off().on()을 써야 하나?📙$('#myButton').on('click', function() { doSomething();}); 위 코드처럼 작성하면 #myButton에 기존에 등록된 이벤트가 그대로 남아 있어서 같은 이벤트가 여러 번 실..

개요안녕하세요, 빈코입니다. 오늘은 Java에서 대용량 파일을 다운로드할 때 메모리 부하를 줄이기 위해 사용하는 '스트리밍 다운로드' 방식에 대해 이야기해보려고 합니다. 스트리밍은 데이터를 한 번에 모두 불러오는 것이 아니라, 조각조각 나눠서 전송하는 방식인데요.특히 큰 파일을 다운로드하거나, 여러 사용자가 동시에 파일을 요청해 메모리 사용량이 급증할 수 있는 상황에서 자주 활용됩니다.그럼 이제 실제 코드를 보면서 좀 더 자세히 설명드릴게요😃 Front📙 다운로드 테스트 첫 번째로, download_test라는 버튼을 UI에 정의하였습니다. 사용자들은 해당 버튼을 통해 다운로드를 진행하게 됩니다. document.getElementById('download_test').addEventListene..

개요안녕하세요, 빈코입니다! 오늘은 Java로 작성한 프로그램을 서버 환경에서 자동으로 실행되도록 설정하는 방법, 즉, 데몬(Daemon)처럼 백그라운드에서 항상 실행되도록 만드는 과정에 대해 소개하려고 합니다. 자세한 내용은 하단에서 설명드릴게요 😊 데몬 실행📙데몬(Daemon)은 일반적으로 운영체제의 백그라운드에서 조용히 실행되는 프로그램을 뜻합니다. 즉, 화면에 띄워지지는 않고, 시스템이 켜질 때 자동으로 시작되어 지속적으로 특정 작업을 수행하는 프로세스라고 생각하면 됩니다. 쇼핑몰을 예를 들어서 만약, 사용자가 원하는 특정 시간마다 매출액에 관한 엑셀을 만들어서 보내야 하는 경우에 해당 엑셀을 만드는 프로그램을 구성 후 시스템 서비스 또는 데몬 프로세스로 등록해 두면 운영에 훨씬 유리하고 ..

개요안녕하세요 빈코입니다. 오늘은 Java에서 FTPClient()를 활용하여 서버에 파일을 전송하는 방법에 대해 포스팅하려고 합니다. 포스팅은 Front에서부터 Back까지 전반적으로 진행하기 때문에, 만약 DB에서 파일을 꺼내오시는 분들은 Service 챕터만 확인하시면 됩니다😁그럼 시작해 볼까요? UI 📙 첫 번째로는 FTP 서버에 파일을 보내기 위해서는 FTP 서버 연결을 위한 4가지 정보(host, port, user, password)가 필요합니다. 그래서 UI에서 입력받도록 설정하였고, 저는 간단한 예시 작성을 위해 파일은 사용자에게 입력 받도록 구성했습니다. 코드는 아래와 같습니다. FTP 테스트 FTP 서버 : 사용자명 ..

개요안녕하세요 빈코입니다. 오늘은 개발 스킬에 대한 포스팅이 아닌 요새 많이 화두 되고 있는 AI 툴들을 소개하려고 합니다. 디자이너, 개발자, 기획자 등 많은 IT 종사자들이 AI 툴들을 이용하여 업무 생산량을 높이고 있습니다. 모든 것을 AI에게 맡길 순 없지만, AI로 더 똑똑하게 업무 할 수 있는 몇 가지 방법들을 소개해볼게요😊 AI Assistant?📙 AI Assistant는 크게 ChatBot-based, Code Development, Business and Productivity 3가지로 나뉜다고 생각합니다.  첫 번째 ChatBot AI 툴은 가장 대중적으로 알려진 chatGPT와 Gemini, Claude가 대표적입니다. 주로 자연어 처리 능력을 기반으로 사용자와의 대화, 정보 제..

개요안녕하세요 빈코입니다. 오늘은 저번 포스팅에 이어 Java에서 파일 다운로드 시 메모리 부족으로 인해 생기는 OutOfMemoryError에 대해 전반적인 코드를 소개하려 합니다. 저번 포스팅과 중복되는 부분도 있겠지만, 해당 포스팅만 보시는 분들을 위해 전체적으로 다 소개하려 합니다. 코드는 하단에서 설명할게요😁 설정📚저번 포스팅에서 언급했듯이 Java에서 StreamingResponseBody를 사용하려면 여러 가지 설정이 필요합니다. 첫 번째로 javax.servlet-api 버전이 3.0 이상이어야 합니다. Maven이나 Gradle에 아래와 같이 추가해주세요😁// Maven javax.servlet javax.servlet-api 4.0.1 provided // ..