Category: coding (25)

coding

GPX 파일에서 급경사와 급커브를 찾아주는 위험구간 분석기를 만들었다

라이딩 전에 GPX 파일을 브라우저에서만 분석해 급경사, 급다운힐, 급커브, 긴 업힐과 다운힐 구간을 미리 확인할 수 있는 GPX 위험구간 분석기를 소개합니다.

gpx tool 라이딩 로드뷰 자전거

👀 4 2026년 6월 2일

coding

GPX 파일로 라이딩 코스 난이도와 지도 경로를 확인하는 도구를 만들었다

로컬 GPX 파일을 브라우저에서만 읽어 거리, 획득고도, 예상 소요시간, 난이도 점수와 카카오 지도 경로를 확인하는 GPX 난이도 계산기를 만든 과정을 정리합니다.

gpx tool 라이딩 자전거 카카오지도

👀 9 2026년 6월 1일

coding

Phaser 3 -> 4 실전 코드 변환편 (이동/점프/공격 로직)

Phaser 3의 Scene 중심 Player 코드를 Phaser 4 ECS 스타일로 옮기는 과정을 실전 예시로 정리했습니다. 이동, 점프, 공격 로직을 단계별로 변환해봅니다.

migration phaser ecs game-dev javascript

👀 11 2026년 5월 8일

coding

Phaser 4 마이그레이션 체크리스트 (Phaser 3 -> 4)

Phaser 3 프로젝트를 Phaser 4로 옮길 때 놓치기 쉬운 포인트를 체크리스트로 정리했습니다. 사전 점검부터 코드 구조, 렌더링, 배포 검증까지 한 번에 확인할 수 있습니다.

migration phaser game-dev webgame javascript

👀 8 2026년 5월 6일

coding

Phaser 4 완전 정리 — Phaser 3와 뭐가 달라졌나?

Phaser 4의 핵심 변경사항을 Phaser 3와 비교하여 인디게임 개발자 관점에서 정리합니다. 성능, 구조, 렌더링 변화까지 한 번에 이해할 수 있습니다.

migration phaser game-dev webgame javascript

👀 6 2026년 4월 24일

coding

astro + tailwind로 이전 했습니다.

Next.js 기반 정적 블로그를 Astro + Tailwind로 이주하면서 얻은 것들(속도, 단순함, 디자인 시스템).

migration static-site tailwind 블로그이전 astro

👀 48 2025년 12월 31일

coding

이미지 DRM 구현을 위한 커스텀 이미지 포맷

최근에 이미지 DRM 에 대한 관심으로, 구현 방법을 PoC 진행한 내용입니다.

drm 브라우저 이미지처리 커스텀포맷 javascript

👀 175 2025년 1월 23일

coding

nextjs로 이전 했습니다.

다시 또한번 블로그를 시작해봅니다.

migration nextjs react ui-framework 블로그이전

👀 60 2025년 1월 22일

coding

gatsby 블로그에 조회수 추가하기

gatsby 는 정적 사이트 생성기로써, 훌륭한 블로그 툴입니다. 다만 조회수등 여러가지 다이나믹한 기능들은 (바로) 지원하지 않는데요...

gatsby google-analytics 블로그개발 조회수

👀 471 2022년 6월 6일

coding

phaser3 에 패럴랙스 스크롤링 (parallax scrolling) 구현하기

패럴랙스 스크롤링(parallax scrolling)은 원거리에 있는 배경 이미지는 느리게 움직이게 하고, 근거리에 있는 사물 이미지는 빠르게 움직이도록 함으로써 2D 기반에서 입체감을 느낄 수 있게 만든 기법입니다.

phaser game-dev parallax phaser3 typescript

👀 647 2022년 5월 31일

coding

2.5D 구현하기 - 쿼터뷰

여러번 2D 게임을 만들기도 하고 즐기기도 하면서 여러가지 게임 그래픽에 대한 테크닉에 대해서 공부를 해보았습니다. 이번에는 그 중에서 쿼터뷰에 대해서 이야기를 해보고자 합니다.

phaser 2.5d game-dev graphics isometric

👀 896 2022년 3월 27일

coding

github action / github page 기능을 이용한 static deploy

github page 기능을 이용해서 수많은 사람들이 블로그로 애용 했습니다. 그렇지만 나는 이미지 파일 하나 올릴껀데? jekyll 블로그를 써야해? 라는 사람이 있겠죠? 그런 사람을 위해서 준비했습니다!

ci-cd github-actions github-pages jekyll static-deploy

👀 64 2022년 3월 1일