yunkogong

요즘 회사 일도, 개인 프로젝트도 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는 프레임워크라고 하는데 실제 개발에서는 무엇이 다른 걸까?알고 있다고 생각했던 내용인데 막상 설명하려니 정확하지..

지난번에는 CSR, SSR, SSG, ISR의 차이를 정리했다.페이지의 HTML을 어디에서, 언제 생성하느냐에 따라 렌더링 방식이 달라지고, 서비스의 요구사항에 맞게 선택해야 한다는 얘기였다.그런데 이번에는 조금 다른 렌더링 문제가 궁금해졌다.이미 브라우저에 표시된 화면에서도 렌더링 때문에 사용자 경험이 나빠질 수 있을까?예를 들어 검색창에 글자를 입력한다고 생각해봤다.사용자가 문자를 입력하면 input에 글자가 표시되고, 동시에 검색어에 맞는 목록이 갱신되어야 한다.목록이 몇 개 없다면 문제가 없다.하지만 수천 개의 데이터를 필터링하고 복잡한 컴포넌트를 다시 렌더링해야 한다면 어떨까?검색 결과를 갱신하는 작업 때문에 input에 글자가 늦게 표시될 수도 있다.사용자 입장에서는 검색창이 버벅이는 것처럼 ..