본문 바로가기

전체 글31

카드 게임 제작 ( 5 ) - zustand는 나가있어 카드 게임 제작 기록 처음부터 보기 : https://helloworld.ai.kr/14 카드 게임 제작 ( 1 ) - 회고게임 링크 : cardgame.perfect.ai.kr 개발 기간 : 2025.10.28 ~ 2025.11.27총 소요 시간 : 110시간Lovable에게 감탄 ( UI 작업 )https://blog.helloworld.ai.kr/15JWT 토큰은 json web token token이다 ( 로그인 구현 )https://blog.helloworlhelloworld.ai.kr 게임 링크 : cardgame.perfect.ai.kr Magician Duel cardgame.perfect.ai.kr 이 시점의 소요 시간 : 58시간 / 110시간계정 생성, 로그인, 덱 선택, 방 생성 .. 2026. 2. 16.
카드 게임 제작 ( 4 ) - JS 이벤트 루프와 비동기 처리의 이해 카드 게임 제작 기록 처음부터 보기 : https://helloworld.ai.kr/14 카드 게임 제작 ( 1 ) - 회고게임 링크 : cardgame.perfect.ai.kr 개발 기간 : 2025.10.28 ~ 2025.11.27총 소요 시간 : 110시간Lovable에게 감탄 ( UI 작업 )https://blog.helloworld.ai.kr/15JWT 토큰은 json web token token이다 ( 로그인 구현 )https://blog.helloworlhelloworld.ai.kr 게임 링크 : cardgame.perfect.ai.kr Magician Duel cardgame.perfect.ai.kr 이 시점의 소요 시간 : 47시간 / 110시간HTTP API 백엔드 파트 구현 완료 /.. 2026. 2. 16.
카드 게임 제작 ( 3 ) - JWT 토큰은 json web token token이다 카드 게임 제작 기록 처음부터 보기 : https://helloworld.ai.kr/14 카드 게임 제작 ( 1 ) - 회고게임 링크 : cardgame.perfect.ai.kr 개발 기간 : 2025.10.28 ~ 2025.11.27총 소요 시간 : 110시간Lovable에게 감탄 ( UI 작업 )https://blog.helloworld.ai.kr/15JWT 토큰은 json web token token이다 ( 로그인 구현 )https://blog.helloworlhelloworld.ai.kr 게임 링크 : cardgame.perfect.ai.kr Magician Duel cardgame.perfect.ai.kr 이 시점의 소요 시간 : 36시간 / 110시간DB 스키마 설계 / 카드 정보 json .. 2026. 2. 16.
카드 게임 제작 ( 2 ) - Lovable에게 감탄 카드 게임 제작 기록 처음부터 보기 : https://helloworld.ai.kr/14 카드 게임 제작 ( 1 ) - 회고게임 링크 : cardgame.perfect.ai.kr 개발 기간 : 2025.10.28 ~ 2025.11.27총 소요 시간 : 110시간Lovable에게 감탄 ( UI 작업 )https://blog.helloworld.ai.kr/15JWT 토큰은 json web token token이다 ( 로그인 구현 )https://blog.helloworlhelloworld.ai.kr게임 링크 : cardgame.perfect.ai.kr Magician Duel cardgame.perfect.ai.kr 이 시점의 소요 시간 : 19시간 / 110시간프론트엔드 껍데기 구현 완료 (로직 없는 덱.. 2026. 2. 16.
카드 게임 제작 ( 1 ) - 회고 게임 링크 : cardgame.perfect.ai.kr 개발 기간 : 2025.10.28 ~ 2025.11.27총 소요 시간 : 110시간Lovable에게 감탄 ( UI 작업 )https://helloworld.ai.kr/15JWT 토큰은 json web token token이다 ( 로그인 구현 )https://helloworld.ai.kr/16JS 이벤트 루프와 비동기 처리의 이해 ( 백엔드 API 구현 )https://helloworld.ai.kr/17zustand는 나가있어 ( React Query, CORS, 프론트와 백 통합 )https://helloworld.ai.kr/18게임이 돌아가기는 한다 ( Websocket 구현 )https://helloworld.ai.kr/19웹페이지 상에서 온라인.. 2026. 2. 16.
주로 사용하는 기술 스택과 배포 환경 최근 여러 프로젝트를 진행하면서,“지금 내 단계에서 가장 빠르게 만들 수 있는 조합”을 기준으로 기술 스택을 굳혀가고 있다.거창한 아키텍처보다는 빠른 구현 → 빠른 배포 → 빠른 검증에 초점을 둔 구성이다.현재 내가 주로 사용하는 선택 기준과 역할을 정리해본다. 전체적인 선택 기준내 기준은 단순하다.빠르게 만들 수 있는가배포가 간단한가혼자 유지보수 가능한가이 세 가지를 기준으로 스택을 선택하고 있다.그래서 현재는 다음과 같은 구조가 기본 골격이다.프론트엔드: React + TypeScript + TailwindCSS경량 풀스택: Next.js백엔드: Node.js + ExpressDB: Supabase(PostgreSQL)배포: Vercel / Render프론트엔드 스택React + TypeScript .. 2026. 2. 16.