프로그래밍+DB

시즈모(Shizumo): 조용함을 습관으로

조용함을 측정하는 앱을 만들었습니다. 시즈모(Shizumo)는 10~30초 원터치 소음 스냅샷으로 지금의 소음을 기록하고, 장소별 기준 dB와 Quiet Score로 나만의 조용한 루틴을 돕는 앱입니다. 앱 소개 페이지(Landing page) https://archmond.com/shizumo 조용함을 습관으로 만드는 가장 쉬운 방법 집중이 안 되거나, 카페에서 이어폰을 껴도 피곤할 때가 있죠. 그럴 때 ‘지금 이곳이 얼마나 시끄러운지’를 감으로만 판단하면, 어느새 순간 수치에 흔들리기 쉽습니다. 시즈모(Shizumo)는 주변 소음을 10~30초 동안 …

더 읽기 »

게임 득템 헌터(Game Loot Hunter): 오늘 무료 게임 뭐 있지?에서 시작된 프로젝트

무료 게임 소식은 이상하게도 찾기 쉽지 않은 곳에 숨어 있습니다. 매주 목요일마다 Epic을 한번씩 확인하고, 어쩌다 GamerPower에서 재밌는 딜을 발견하고, FreeToGame에서 F2P를 뒤적이다가… 결국은 “아 맞다, 그거 어제까지였지”로 마무리되는 일이 반복됐습니다. 그때 들었던 생각은 딱 하나였습니다. 무료 게임 정보가 흩어져 있으니, 내가 쓰기 편한 형태로 한 번에 모아두자. 그래서 만든 앱이 게임 득템 헌터(Game Loot Hunter) 입니다. 앱 소개 페이지(Landing …

더 읽기 »

GitHub: Copilot Premium Requests 크레딧 메일, 역시 좀 이상하다고 느끼고 있었다

오늘 새벽에 GitHub에서 한 통의 메일을 받았다. 제목은 “Premium Requests credit for January for your account” 이었고, 요지는 Copilot 요금 계산 오류로 인해 크레딧을 돌려주었다는 안내였다. 메일을 처음 읽었을 때 역시 좀 이상한 것 같다고 느끼고 있었다… GitHub 측 설명에 따르면 2025년 12월에 GitHub Copilot 자동 모델 선택(auto model selection) 사용과 관련된 버그가 있었고 원래는 프리미엄 요청 0.9회만 차감되어야 할 …

더 읽기 »

쓰레기 분리배출, 이제 알림으로 깔끔하게: 딩동쓰레기 (DingDongTrash)

해외(일본)에서 살면서 가장 당황했던 것 중 하나가 “쓰레기 배출”이었습니다. 지자체마다 분류 기준이 엄격하고, 원하는 날에 아무 때나 버릴 수 없으며, 정해진 요일·날짜·시간 안에 꼭 맞춰 배출해야 합니다. 바쁜 일상 속에서 매번 달력/공지/앱을 번갈아 확인하는 일이 너무 번거롭고, 한 번만 놓쳐도 온종일 집에 두어야 하는 일이 반복되다 보니 “언젠가는 꼭 만들어보자”고 마음먹었습니다. 그래서 생활 리듬에 자연스럽게 스며드는, 가벼운 쓰레기 배출 알림 …

더 읽기 »

하루 하나, 심리학 | 하루 1분으로 마음근력 키우기

왜 이 프로젝트를 시작했나 바쁜 일상 속에서도 “하루 3분”이면 마음을 돌볼 수 있는 도구가 필요했습니다. 길고 무거운 콘텐츠 대신, 작고 실천 가능한 심리학 팁과 자가 점검을 원했습니다. AI를 공감적으로 활용해 “훈수”가 아닌 “위로·자기이해”를 돕고 싶었습니다. 앱 개요 앱 이름: 하루 하나, 심리학 한 줄 소개: 하루 3분, 심리학 기반 셀프케어 핵심 가치: 작지만 꾸준한 마음 챙김 → 습관 → 변화 …

더 읽기 »

무료 AI 도구, Gemini CLI 소개 및 사용법

이거 보고 커서에디터 삭제했다 (Gemini CLI) 위 유튜브를 보고 제미나이 CLI를 설치해봤습니다. 일반적인 LLM을 사용하듯 인터넷만 연결되어 있으면 터미널(명령 프롬프트)에서 활용 가능합니다. 구글의 무료 AI 도구, Gemini CLI 소개 및 사용법 최근 Gemini CLI(Command Line Interface)가 공개되어, 개발자뿐 아니라 초보자도 사용할 수 있는 AI 코딩 도구로 주목받고 있습니다. 하루 1,000회 요청 가능으로 사실상 “평생 무료”에 가까운 수준입니다. Gemini CLI 주요 …

더 읽기 »

WSL 개발 환경 설정

WSL로 개발 환경 설정하는 법 https://learn.microsoft.com/ko-kr/windows/wsl/setup/environment 1. 아래 명령으로 WSL을 설치하고, 리눅스 사용자 이름과 암호 설정 wsl --install 2. 업데이트 sudo apt update && sudo apt upgrade 3. 원격 개발 확장 팩 설치 https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack 4. 리눅스 내에 폴더를 작성하고, code로 열기 mkdir 폴더명 cd 폴더명 code . .

더 읽기 »

Vue3: 리액티브 시스템

ref()의 동작 ref() 함수의 동작을 배우려면 리액티브시스템을 이해할 필요가 있다. 리액티브란 변수의 값의 변화에 연동해서 표시되는 내용이 자동적으로 변화하는 것을 말한다. 리액티브시스템은 리액티브를 실현하는 방식으로, 뷰의 근간을 이루고 있다. <script setup lang="ts"> import { ref } from "vue"; // 현재 시간을 취득 const now = new Date(); // 현재 시각의 문자열을 취득 const nowStr = now.toLocaleTimeString(); // 현재 시각 문자열을 …

더 읽기 »

Vue3: 프로젝트 폴더/파일 구성, ESLint

새로 만든 Vue 프로젝트의 폴더/파일 구성 폴더/파일내용.vscodeVisual Studio용 설정 파일dist배포용 파일 세트를 저장node_modules라이브러리를 저장public웹으로 공개할 파일을 저장src소스 코드 파일을 저장src/assets그림 등의 애셋을 저장src/components컴포넌트 파일을 저장src/App.vue메인 단일 컴포넌트 파일src/main.ts메인 스크립트 파일.eslintrc.cjsESLint 관련 파일.gitignoreGit에서 제외할 파일을 설정env.d.ts환경 변수를 설정하는 파일index.html탑 페이지package-lock.jsonnpm 의존 관계 설정 파일package.jsonnpm 관련 설정 파일README.mdReadMe 파일tsconfig.*.jsonTypeScript 관련 설정 파일vite.config.tsVite 관련 설정 파일 배포용 파일이 저장된 dist 폴더 프로젝트를 만든 …

더 읽기 »

Vue3: 프로젝트 생성, 실행

2020년에 vue2.x로 프로젝트 만들었던 기억이 난다. 시대는 변하네. 다음 명령으로 Vue프로젝트 작성 npm init vue@latest 번호질문내용1Project name프로젝트명을 입력하면 해당 이름으로 폴더가 작성됨2Add TypeScript?Vue 프로젝트를 TypeScript로 기술할 것인지를 선택3Add JSX Support?JSX를 사용할지를 선택. JSX는 자바스크립트 코드 내에 HTML을 기술할 수 있는 확장기능.4Add Vue Router for Single Page Application development?Vue Router를 이용할 것인지를 선택. 사용하게 되면 SPA를 비교적 간단히 작성할 수 있음.5Add …

더 읽기 »