yunkogong

들어가며지난 몇 주 동안 헬스케어 모바일 웹 서비스(React + Module Federation)의 첫 로딩을 줄이는 작업을 했습니다. 쓰지 않는 언어 파일을 첫 화면에서 빼고, 화면별로 코드를 나누고, 디자인 시스템의 진입점을 나누고, 이미지를 WebP로 바꿨습니다.로컬에서 Lighthouse로 재 보면 분명히 빨라졌습니다. (모바일 시뮬레이션: 저속 4G · CPU 4배 감속, 5회 중앙값) 초기 번들이 절반 가까이 줄었고, LCP도 1초 넘게 줄었습니다.그런데 이건 조건을 고정한 실험입니다. 실제 사용자는 각자 다른 폰과 다른 네트워크로 들어옵니다. 캐시가 남아 있는 사람도 있고 처음 오는 사람도 있습니다. 실험실에서 빨라졌다고 실제 사용자도 그만큼 빨라졌다고 말할 수는 없었습니다.그래서 실제 사..

요즘 회사 일도, 개인 프로젝트도 AI 코딩 에이전트(Claude Code)와 함께 합니다. 처음엔 터미널 하나에 세션 하나였는데, 어느새 이렇게 늘어 있었어요.전체 업무를 정리하는 총괄 세션협업툴 알림을 10분마다 확인하는 알림 세션서버 작업만 맡는 서버 세션프로젝트별 구현 세션과 기획·QA 세션동시에 6개쯤 떠 있다 보니 모니터 두 대로도 모자랐어요. 그래서 내 맥에 떠 있는 AI 세션을 한 화면에서 보고, 채팅·승인·중단까지 하는 대시보드를 만들었습니다.먼저 솔직하게 적어 두면, 저는 문제를 정의하고, 기획·판단하고, 직접 써 보며 고칠 점을 찾았고, 코드는 AI 코딩 에이전트와 협업해서 만들었어요. 이 글은 무엇이 불편했고, 무엇을 만들었고, 무엇을 일부러 안 만들었는지에 대한 기록입니다.1. 무..

한 줄 요약첫 게임 DRIFTORE가 포털에서 반려된 뒤, 그때 배운 것을 들고 두 번째 브라우저 게임 SCOOPLINGS를 만들었습니다. 아이디어부터 CrazyGames 재제출까지 약 일주일, 이번에도 들어간 돈은 0원입니다.👉 플레이하기(폰 가능, 가입 없음): https://scooplings.vercel.app지난 글 이후: DRIFTORE는 어떻게 됐나지난 글에서 itch.io에 먼저 출시하고 데이터를 모으겠다고 했는데, 실제로 모아 보니 이랬습니다.한 미니게임 소개 사이트에 소개된 날 조회가 하루 220까지 올랐다가, 이후 하루 10명 안팎으로 돌아왔습니다.처음 온 사람의 절반 이상이 첫 판을 끝내기 전에 나갔습니다.다시 찾아오는 사람은 약 5%였습니다.숫자를 보니 "조금 고치면 되겠다"보다..

React를 사용한 지 3년 정도 됐다.그동안 컴포넌트를 만들고, state를 관리하고, 커스텀 훅을 작성하는 일은 익숙해졌다.그런데 문득 이런 질문을 받는다면 어떻게 답해야 할지 생각해봤다.왜 Vue가 아니라 React를 사용하나요?처음에는 간단하게 답할 수 있을 줄 알았다.React는 단방향 데이터 바인딩이고, Vue는 양방향 데이터 바인딩이라고 설명하면 된다고 생각했다.그런데 조금만 더 물어보면 막혔다.Vue는 양방향이라면 부모와 자식 사이에서도 데이터가 자유롭게 오가는 걸까? React는 state를 직접 변경할 수 없는데 Vue는 왜 가능한 걸까?그리고 React는 라이브러리, Vue는 프레임워크라고 하는데 실제 개발에서는 무엇이 다른 걸까?알고 있다고 생각했던 내용인데 막상 설명하려니 정확하지..