개발 일상 | 백엔드 김승원의 실무 노트

  • 홈
  • 태그
  • 방명록

snake 1

개발자를 위한 Snake 미니게임 - 블로그에서 바로 플레이!

Snake Game코딩하다 머리 좀 식히고 싶을 때, 바로 여기서 플레이하세요!Score: 0Best: 0Start Game↑↓←→방향키 또는 위 버튼으로 조작 | 모바일도 지원이 게임은 어떻게 만들었을까?HTML5 Canvas와 순수 JavaScript만으로 만들었습니다. 외부 라이브러리 없이 핵심 개념 4가지만 알면 누구나 만들 수 있습니다.1. Canvas로 화면 그리기HTML5 태그가 도화지 역할을 합니다. getContext('2d')로 그리기 도구를 얻고, fillRect()로 사각형(뱀), arc()로 원(먹이)을 그립니다. 매 프레임마다 화면 전체를 지우고 다시 그리는 방식입니다.2. 게임 루프 (setInterval)setInterval(update, 120)으로 120ms마다 게임 상..

카테고리 없음 2026.04.01
이전
1
다음
더보기
프로필사진

개발 일상 | 백엔드 김승원의 실무 노트

3~7년차 백엔드 개발자를 위한 실무 의사결정 노트. Spring/JPA/Kafka/아키텍처/AI 통합 등 현업에서 부딪힌 선택과 트레이드오프를 정리합니다.

  • 개발 일상 N
    • Java
    • Spring Boot
    • JPA
    • Architecture
    • Database
    • DevOps
    • Kafka
    • CS
    • QueryDSL
    • AI
    • 최신 트렌드 N
    • AI 시대 생존기 N

Tag

openai, spring boot, github actions, GPT-5.4, Java, MCP, 백엔드, claude code, ai agent, LLM, Anthropic, JPA, docker, codex, spring ai, PostgreSQL, 오픈소스 AI, ai 에이전트, AI 코딩, DevOps,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바