실시간 협업을 위한 마우스 트래킹 구현

AWS EC2 비용 폭탄

수업료 단단히 치뤘다 보다시피 갑자기 26일부터 하루에 20달러씩 나가기 시작했다. 진작 예산 알림 설정해 두었어야 했는데 너무 안일한 것이다. 주요 항목은 DataTransfer-Regional-Bytes와 Data-Transfer-Out-Bytes다. 모두 EC2에서 발생하는 요금

자바스크립트 instanceof 안 쓰고 클래스 타입 판별하는 방법

클래스 타입 체크는 하고 싶지만 순환 참조 문제는 피하고 싶을 때 자바스크립트에서는 instanceof 연산자를 활용해서 객체의 클래스를 확인할 수 있습니다. 바로 이런 식이죠. import { Dog } from "./dog"; import { Animal } from "./an

CAD 프로그램 곡면 벽 구현하기 Segment + Arc를 Edge로 가지는 Polygon 활용법

CAD 프로그램 곡면 벽 구현하기 Segment + Arc를 Edge로 가지는 Polygon 활용법 시연 영상입니다. 곡면 벽이 그려지고, 방이 자동으로 나눠집니다. 선택했을 때 방도 경계에 맞게 둥글게 외곽선이 그려집니다. 스케치업과 연동해서 절차적으로 곡면 벽을 생성했습니다. 곡면이

Flutter 상태관리 Provider면 충분하다

React Context API와 비교 4년 동안 어림잡아 50개가 넘는 웹사이트와 앱을 개발하면서 많은 상태관리 라이브러리를 사용했습니다. 웹은 Context api, Redux, Zustand, Flutter는 Provider, GetX, MobX, Bloc, Riverpod, 안

Next.js Docker 빌드시 creating optimized production build 단계에서 멈출 때 해결법

Next.js Docker Build Freezes at "creating optimized production build" Next.js를 Docker 환경에서 빌드하다 보면, creating optimized production build 단계에서 무한정 멈추는 상황을 겪는 분

Next.js vs Remix 비교 둘다 운영 중인 후기

Next.js에서 Remix로, Remix에서 Next.js로 다시 돌아온 과정 Next.js를 사용하다가 작년 이맘때쯤 잠시 Remix로 넘어갔던 것 같습니다. 물론 아래에서 설명하겠지만 Next.js 15.5 이후로 저는 다시 Next.js를 선택하고 있습니다. 그러고 보니 지금

import type으로 순환 참조 문제 해결하기

[TS] import type으로 순환 참조 문제 해결하기 Cannot access '_' before initialization 오류 "Cannot access '_' before initialization" 오류는 말 그대로 무언가를 초기화하기 전에 사용하는 경우 발생합니다. 순환참

개발자에게 AWS 계정 접근 권한 주는 법

AWS IAM 만들기 서버 개발을 위해서는 AWS를 주로 사용하는 편입니다. 특히 서비스를 쓴 만큼 지불하는 온디맨드 과금 정책 덕분에 결제 관리가 편리해서 고객님들께 계정 생성을 요청드리고 있습니다. 다만 아이디 비밀번호로 직접 계정에 접근하는 방법은 보안 위험이 큽니다. 고객님들께