dog paw / development

최근 커뮤니티에서 본 패턴"비개발자인데 AI로 앱 만들어서 창업할 거예요" "코딩 몰라도 되는 시대 아닌가요? 프롬프트만 잘 쓰면 되잖아요" "개발자 비용 아끼고 제가 직접 만들 수 있어요"이 말들이 틀린 건 아니다. 실제로 앱이 만들어지고, 배포도 된다.근데 그 근거없는 자신감, 그 이후 얘기를 아무도 안 한다.AI는 자신 있게 틀린다이게 제일 중요한 포인트다.AI는 모르면 "모르겠습니다"라고 안 한다. 그럴듯한 답을 만들어서 확신 있게 준다.의학 정보로 예를 들면 더 명확하다. 의사한테 가면 "이 증상은 X일 수 있으니 검사해봅시다"라고 한다. AI한테 물으면 "이 증상은 X입니다. Y를 복용하세요"라고 한다. 틀렸을 때 누가 더 위험한가.보안도 똑같다. "이 코드 보안 괜찮아?"라고 물으면 "네, ..

솔직하게 말한다. 부럽다. 진짜로 개부럽다. 개발자로 오랜기간 살면서 Flutter 한 줄 짜는 데 환경 세팅만 하루 날린 사람 입장에서, 프롬프트 몇 개로 아이폰 시뮬레이터 캡처 뽑아내는 거 보면 뭔가 묘한 감정이 든다.근데 그 감정이 가라앉고 나면 보이는 게 있다. 트렌드의 이동 경로작년 여름, Claude Code가 개발자 커뮤니티를 흔들었다. 터미널 기반, 코드베이스 전체를 컨텍스트로 잡고, 멀티 파일 수정. 개발자들 사이에서 "이건 진짜 다르다"는 반응이 나왔다.그 직후 OpenAI가 Codex를 들고 나왔다.2025년 11월, Google이 Antigravity를 출시했다. Gemini 3와 동시 발표, VSCode 포크 기반, 에이전트 여러 개를 병렬로 돌리는 Manager View가 핵심이..

귀엽다.틀렸다는 게 아니다. 진짜로 만든 거 맞다. 근데 개발자 눈에는 그게 귀엽다. 왜 그런지 설명한다."제 아이디어로 만든 앱입니다"의 진실커뮤니티 자랑글의 전형적인 패턴:"저 코딩 하나도 모르는데 Claude한테 말로 설명했더니 앱이 나왔어요. 제가 깊이 고민해서 기획했고, AI가 구현해줬어요. 제 서비스입니다."여기서 "제가 깊이 고민해서 기획"한 부분. 그게 얼마나 독창적인지가 핵심이다.로그인 기능, 게시판, 댓글, 좋아요, 알림. 이거 Claude한테 "SNS 만들어줘"라고 하면 나온다. "쇼핑몰 만들어줘"도 나온다. "예약 시스템 만들어줘"도 나온다.AI가 구현한 거라는 말은, 같은 말 하면 누구든 똑같이 나온다는 뜻이다.아이디어가 아무리 좋아도, 구현이 AI라면 그 아이디어를 본 사람이 하..

바이브 코딩 강의 광고를 보다가 문득 이런 생각이 들었다."이게 진짜면 나는 왜 아직 출근하고 있지?"개발 경력 28년이다. TypeScript, Rust, Electron 실무로 쓴다. AI 툴도 매일 쓴다. Claude로 코드 짜고, 리뷰하고, 자동화한다. 그러니까 이 업계 사람이 하는 말이다."딸깍 수익화"가 사실이라면 벌어질 일논리적으로 생각해보자.AI로 앱 만들어 월 300~500이 진짜 가능하다면:개발자 전원이 퇴사하고 1인 앱 사장이 된다스타트업 CTO들이 팀 해산하고 혼자 만든다카카오, 네이버 개발자들이 지금 뭘 하고 있는 건가현실은 그렇지 않다. 왜?앱을 만드는 것과 앱으로 돈 버는 건 완전히 다른 문제이기 때문이다.개발자가 실제로 AI로 하는 것솔직하게 말한다.AI가 생산성을 올려준 건..

건물경매로 월세 수익, 쿠팡 소싱으로 부업 월 500, 청과물 소도매로 퇴직 후 창업. 이제 거기에 하나 추가됐다.바이브 코딩으로 앱 만들어 수익화.패턴이 너무 똑같아서 글을 쓴다.강의 사기의 공통 구조직접 봤거나 주변에서 당한 걸 정리하면 패턴이 있다.1단계 — 성공 스토리 먼저 "저는 코딩 몰라도 앱 하나로 월 200 법니다" "경매 낙찰 3번 만에 건물주 됐습니다" 숫자가 구체적일수록 신뢰감이 올라간다. 이게 함정이다.2단계 — 진입 장벽이 없다는 메시지 "누구나 할 수 있어요", "저도 처음엔 아무것도 몰랐어요" 어려운 부분은 언급하지 않거나, 강의 들으면 다 해결된다고 한다.3단계 — 시간이 없다는 압박 "이 정보 곧 사라져요", "지금 신청자만 특별가" 판단력을 흐리게 만드는 장치다.4단계 —..

조회수 100만짜리 영상에서 코딩 1도 모르는 사람이 앱을 뚝딱 만들었다. 그거 보고 따라 했더니 에러만 30개. 영상이 거짓말을 한 건 아닌데, 편집으로 잘라낸 부분이 있다. 그게 뭔지 얘기한다.바이브 코딩이 뭔지부터"바이브 코딩(Vibe Coding)"은 2025년 초 OpenAI 공동창업자 안드레이 카르파시가 쓴 단어다. 코드를 직접 짜는 게 아니라, AI에게 원하는 것을 말로 설명하고 나온 결과를 받아서 쓰는 방식."로그인 화면 만들어줘", "버튼 누르면 팝업 뜨게 해줘" — 이런 식으로.개념 자체는 맞다. 실제로 된다. 근데 유튜브에서 보여주는 10분짜리 시연과 실제로 뭔가 쓸 만한 걸 만드는 사이에 꽤 큰 간격이 있다.실제로 잘 되는 것들솔직하게 말하면, 이건 진짜 잘 된다:단순한 화면 하나 ..

집 어딘가에 먼지 쌓인 구형 노트북 있으신가요? 성능이 낮아서 쓰기 애매하고 버리기도 아까운 그 노트북, 홈서버로 만들면 폰보다 훨씬 안정적인 서버가 됩니다.노트북 홈서버 vs 폰 서버앞서 소개한 폰 서버와 비교하면 이렇습니다.폰 서버- 발열 심함- 배터리 수명 단축- 성능 제한적노트북 홈서버- 발열 관리 쉬움- 충전기 연결하면 배터리 걱정 없음- 성능 여유 있음- 키보드/화면 있어서 관리 편함오래된 노트북이라도 웹서버 용도로는 충분합니다.준비물✅ 구형 노트북 (Windows/Mac/Linux 무관)✅ 충전기 연결✅ Wi-Fi 또는 유선 인터넷✅ ngrok 계정 (ngrok.com 무료 가입)1단계 - Node.js 설치nodejs.org 접속 → LTS 버전 다운로드 → 설치합니다.설치 확인:node ..

서랍 속에 잠자는 구형 안드로이드 폰 있으신가요? 그냥 두기엔 아깝고 팔기엔 값어치도 없는 그 폰, 웹서버로 만들 수 있습니다. 완전 무료로요.이게 진짜 되나요?됩니다. 안드로이드 폰은 결국 리눅스 기반 컴퓨터입니다. Termux라는 앱을 설치하면 폰에서 리눅스 명령어를 실행할 수 있고 웹서버도 띄울 수 있습니다.활용 예시:- 개인 테스트 서버- 개발 중인 사이트 데모용- 가족/지인에게 임시 공유용- 집 안에서만 쓰는 내부망 서버준비물✅ 안드로이드 폰 (버전 7.0 이상)✅ 충전기 (계속 꽂아둬야 함)✅ Wi-Fi 연결✅ 저장공간 여유 1GB 이상1단계 - Termux 설치Play 스토어 버전은 오래된 버전이라 F-Droid에서 설치해야 합니다.1. f-droid.org 접속 → F-Droid 앱 다운로..

✅ 목적node-fetch와 got을 사용한 파일 다운로드 또는 HTTP 통신에서 발생 가능한TLS 핸드셰이크 실패, 속도 저하, 프록시 우회 실패 등의 이슈를 정리하여실제 서비스 환경에서 사용할 때의 안정성을 검토한다.1️⃣ 기본 구조 비교항목 node-fetch gotTLS 처리Node.js 내장 https 모듈 사용http2-wrapper 등 자체 모듈 사용Agent 설정사용자가 직접 설정해야 함내부적으로 성능 최적화된 Agent 포함Proxy 지원❌ 기본 미지원 (직접 구현 필요)✅ global-agent, tunnel, hpagent 등과 호환성 좋음HTTP/2 지원❌ 미지원✅ 지원 (v11+부터 기본 내장)2️⃣ 문제 현상 유형2-1. TLS Handshake 실패 or 지연현상:외부 HTTP..

메인프로세스의 컨트롤러/** * 애플리케이션의 핵심 컨트롤러 * * @description * 메인 프로세스에서 앱의 전반적인 기능을 제어하는 컨트롤러입니다. * 윈도우 관리, 다크모드 설정, 앱 종료 등 핵심 기능들을 처리합니다. */@ClassName('AppController', 'main')@IPCHelper.Class()export class AppController extends Controller { /** * 컨트롤러 초기화 메서드 * * @description * 컨트롤러가 시작될 때 자동으로 실행되는 생명주기 메서드입니다. * 앱에 필요한 초기 설정과 리소스 할당을 처리합니다. * * @returns 초기화 완료 시 resolve되..

17단계: Nuxt의 최적화 기법Nuxt는 기본적으로 성능 최적화를 잘 지원하지만, 추가 설정으로 더욱 빠른 앱을 만들 수 있습니다.1. Lazy Loading (지연 로딩)Nuxt의 pages/ 파일 기반 라우팅은 기본적으로 코드 분할이 적용됩니다. 하지만 컴포넌트에 대해 명시적으로 지연 로딩을 설정할 수도 있습니다.예제 2. 이미지 최적화Nuxt Image 모듈을 활용해 이미지를 최적화합니다.이미지 설정nuxt.config.ts:export default defineNuxtConfig({ modules: ['@nuxt/image'], image: { domains: ['example.com'], // 외부 이미지 도메인 허용 dir: 'assets/images', // 로컬 이미지 디..

12단계: Nuxt 미들웨어Nuxt는 middleware 디렉토리를 통해 라우팅과 상태 관리를 쉽게 제어할 수 있습니다.1. 미들웨어란?미들웨어는 특정 페이지에 접근하기 전에 실행되는 코드입니다.인증, 로깅, 리다이렉션 등을 처리할 때 유용합니다.2. 글로벌 미들웨어모든 페이지에 적용되는 미들웨어.예제: 글로벌 미들웨어middleware/logger.global.js 생성:export default defineNuxtMiddleware((to, from) => { console.log(`Navigating from ${from.fullPath} to ${to.fullPath}`);});nuxt.config.ts에서 등록:export default defineNuxtConfig({ router: { ..

7단계: Nuxt의 데이터 페칭Nuxt는 데이터 페칭을 간단하고 강력하게 처리할 수 있는 내장 메서드를 제공합니다.1. useFetchuseFetch는 클라이언트와 서버에서 데이터를 가져올 수 있는 API입니다.사용 예제Post: {{ post.title }}{{ post.body }}const { data: post } = await useFetch('https://jsonplaceholder.typicode.com/posts/1');장점:서버에서 데이터를 가져오면 페이지 로드 시 데이터가 포함된 HTML이 렌더링되어 SEO와 초기 로딩 속도에 유리.클라이언트에서 실행하면 동적 데이터도 처리 가능.2. useAsyncDatauseAsyncData는 페이지 또는 컴포넌트에서 데이터를 비동기로 가져오는 데..

Nuxt에 대한 학습 내용을 단계적으로 정리해 설명하겠습니다. Nuxt는 Vue.js를 기반으로 한 프레임워크로, SSR(Server-Side Rendering), SSG(Static Site Generation), 파일 기반 라우팅, SEO 최적화, 모듈화된 구조 등 Vue.js 프로젝트를 더욱 강력하게 만들어주는 도구입니다.1단계: Nuxt란 무엇인가?Nuxt의 주요 특징SSR(서버 사이드 렌더링):서버에서 HTML을 렌더링하고 클라이언트로 보냄.SEO와 초기 로딩 속도에 유리.단순한 SPA와는 다르게 검색 엔진이 HTML을 쉽게 읽을 수 있음.SSG(정적 사이트 생성):빌드 시 모든 페이지를 HTML로 생성.Netlify, Vercel과 같은 정적 호스팅 서비스에 적합.파일 기반 라우팅:pages/..

기존에 ts-node 로 ts 파일을 실행중이었는데, 어느순간 실행이 안되기 시작했다.음... 그런데, 리펙토링을 하는 쪽은 tsx를 쓰던 중이라 ts-node 에서 tsx 라 바꾸니 잘 실행되었다.뭐가 다른걸까 문득 궁금해져서 쳇지피티한테 물어보았다. 필요한 부분만 요약해주는게 확실히 검색보다 나은거 같다.  ts-node와 tsx는 모두 TypeScript 파일을 런타임에서 실행하는 도구지만, 기능과 목적에서 몇 가지 차이점이 있습니다.1. ts-node목적: TypeScript를 즉시 실행하기 위한 도구.기능:TypeScript 파일을 JavaScript로 컴파일한 후, 즉시 실행합니다.Node.js 런타임에서 실행되는 TypeScript 코드를 지원합니다.주로 개발 환경에서 사용되며, 프로덕션 환..

mailcow 를 설치하려고 도커를 설치하는데 잘 안된다... sudo apt-get updatesudo apt-get install apt-transport-https ca-certificates curl gnupg lsb-releasecurl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpgecho \ "deb [arch=amd64 signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu \ $(. /etc/os-..

pkg install nvm 으로 설치가 불가능하고 아래 명령으로 설치하여야 합니다.  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

구글에서 남는 휴대폰 활용을 검색하면 CCTV로 활용하기차량용 블랙박스로 활용하기간편한 내비게이션으로 활용하기남자의 로망, HUD로 활용하기감각적이고 똑똑한 탁상시계로 활용하기만능 리모컨으로 활용하기근태관리 시스템으로 활용하기등산용 지도로 활용하기  이런 글들이 보입니다. 하지만 솔찍하게 CCTV는 3~4만원대 고화질에 전용앱을 지원하는 CCTV 들이 많고, 안드로이드 폰을 CCTV로 이용할때 쓸만한건 유료인데다가 앱들이 다들 그지같아요. 특히 집에서 쓸꺼 아니고 야외에서 쓴다면 내구성도 생각하셔야 합니다. 그래서 비추합니다. https://link.coupang.com/a/bYXJQD 타포 C220 2K QHD 회전형 스마트 홈 WiFi 카메라 실내용 - CCTV/IP카메라 | 쿠팡현재 별점 4.8점,..

https://developers.cloudflare.com/pages/framework-guides/deploy-a-solid-site/ Solid | Cloudflare Pages docsSolid ↗ is an open-source web application framework focused on generating performant applications with a modern developer experience based on JSX.developers.cloudflare.com

React VS Vue리엑트나 뷰 중 어떤걸 배워야 좋을까요? 개인적으로 오랫동안 개발을 해오다 보니 어떤 언어든지 크게 중요하다고 생각하지 않습니다. 특히나 리엑트나 뷰 둘다 자바스크립트를 기반으로 한 언어라 더더욱 그런듯 싶습니다. 저 같은 경우 본업이 FE 개발은 아니지만... 회사 업무는 리엑트 아르바이트나 개인 프로젝트는 뷰를 이용하고 있습니다.이유는 여러가지가 있겠지만, 회사업무에서 리엑트를 사용하는 이유는 대부분의 회사 FE개발팀이 리엑트를 사용하고 있는데 있으며, 개인 프로젝트에 뷰를 사용하는 이유는 가볍게, 빠른 개발을 하기위 함입니다.  Quasar framework (Vue)6년전쯤 아르바이트를 하다가 React 스터디 하고 개발을 진행하다가 Vue 의 UI 프레임웍인 vuetify ..