WRITING
기술과 제품 운영에 관한 글
만들면서 배운 것들을 적습니다. WebGL, E-Commerce, 외주 개발 인사이트를 실측 기준으로 공유합니다.
인사이트
WebGL로 만드는 인터랙티브 제품 페이지
사진 갤러리만으로는 제품의 질감과 실제 크기감, 내부 구조가 전달되지 않습니다. WebGL 기반 3D 제품 페이지는 360도 회전·실시간 색상 변경·분해 뷰로 사용자가 구매 결정을 직접 내릴 수 있도록 돕는 도구입니다.
2026.05.01
인사이트
스테이징 서버를 분리해야 하는 이유
프로덕션에서 직접 테스트하는 것은 가장 위험한 신호입니다. 스테이징은 환경 의존적 버그를 잡고, 안전한 검증 환경을 만들고, 협업의 기준점을 제공합니다. 한 번의 장애가 운영 비용을 압도합니다.
2026.04.29
인사이트
SPA vs SSR vs SSG, 뭘 선택해야 하나
렌더링 방식 선택은 SEO·로딩 성능·사용자 경험을 근본적으로 바꿉니다. SPA는 관리자 도구에, SSR은 동적 데이터에, SSG는 콘텐츠 사이트에 맞습니다. 비즈니스 요구로 결정해야지, 유행으로 고르면 다시 짭니다.
2026.04.28
인사이트
코드 리뷰가 필요한 이유
혼자 작성한 코드는 위험합니다. 코드 리뷰는 메인 브랜치 병합 전에 결함을 잡고, 팀 전체 코드 품질을 끌어올리며, 지식이 한 사람에 쏠리는 것을 막습니다. 한 번의 30분 리뷰가 장애 대응 수십 시간을 절약합니다.
2026.04.25
인사이트
개인정보 처리, 개발 단계에서 챙길 것
이름·전화번호 같은 직접 식별 정보뿐 아니라 조합으로 사람을 특정할 수 있는 데이터도 개인정보보호법의 대상입니다. 비밀번호 해싱, 최소 수집, 역할 기반 접근 제어, 감사 로그는 런칭 후가 아니라 설계 단계에서 잡혀야 합니다.
2026.04.24
인사이트
WebGL 셰이더 기초: 머티리얼과 라이팅
3D 오브젝트가 사실적으로 보이는 이유는 형태가 아니라 머티리얼과 라이팅입니다. 거칠기·금속성·반사율을 PBR 워크플로우로 다루고, DirectionalLight + AmbientLight 조합으로 장면에 생명을 불어넣는 실무 기준을 정리합니다.
2026.04.21
인사이트
모놀리식 vs 마이크로서비스, 스타트업의 선택
넷플릭스·쿠팡도 모놀리식으로 시작해서 충분히 성장한 뒤 마이크로서비스로 전환했습니다. 수만 명 동시 접속까지는 모놀리식으로 처리되고, 마이크로서비스의 운영 복잡도는 소규모 팀에서 부담입니다. 지금 우리 규모에 맞는 아키텍처가 답입니다.
2026.04.19
인사이트
개발 일정 산정, 왜 항상 틀리나
IT 프로젝트의 절반 이상이 일정을 초과합니다. 발주사·개발사 간 인식 갭과 빙산 효과의 범위 변경이 구조적 원인입니다. 2주 단위 스프린트로 편차를 빠르게 잡는 것이 현실적인 대응입니다.
2026.04.18
인사이트
당신의 사이트를 부수고 다시 만들어야 하는 이유: AEO 시대의 웹사이트 설계
AEO는 ChatGPT·Claude·Perplexity 같은 AI 답변 엔진이 사이트를 인용 가능한 답변 단위로 인식하도록 재설계하는 작업입니다. JSON-LD, 정의형 문장, FAQ·HowTo 스키마, 엔티티 그래프, 내부 링크망 — 다섯 축을 동시에 잡아야 합니다.
2026.04.18
인사이트
프로토타입과 MVP의 차이
프로토타입은 아이디어 시각화이고 MVP는 시장 검증입니다. 프로토타입은 동작할 필요가 없지만 MVP는 실제 사용자가 써야 합니다. 두 단어를 혼용하면 예산과 기대가 어긋나 프로젝트가 실패합니다.
2026.04.16
인사이트
외주 개발 계약 시 꼭 확인해야 할 5가지
계약서 한 줄이 수천만 원의 차이를 만듭니다. 소스코드 귀속, 단계별 결제, 유지보수 조항, 지연 책임, 비밀 유지 — 이 다섯 가지가 명시되지 않으면 프로젝트가 끝난 후 클라이언트가 개발사에 종속됩니다.
2026.04.15
인사이트
웹 접근성, 왜 신경 써야 하나
한국의 등록 장애인 약 265만 명, 65세 이상 약 950만 명. 접근성은 소수 배려가 아니라 시장 확대입니다. WCAG 2.1의 인식·운용·이해·견고성 네 원칙을 설계 단계에 넣으면 SEO·UX가 함께 올라갑니다.
2026.04.14
인사이트
클라우드 vs 자체 서버, 뭘 선택해야 하나
초기 스타트업은 클라우드가 합리적이고, 대규모 고정 트래픽은 자체 서버가 효율적입니다. 컨테이너 기반으로 짜두면 두 환경 사이 이전이 며칠로 끝납니다. 처음부터 자체 서버에 투자하지 마세요.
2026.04.13
인사이트
로그인 기능, 생각보다 복잡한 이유
"로그인 기능 하나만 추가"는 회원가입·비밀번호 관리·소셜 로그인·세션 관리·보안까지 최소 다섯 개 하위 시스템이 필요합니다. 본인 인증, 정보통신망법 동의 처리, JWT 갱신을 포함하면 범위가 더 넓어집니다.
2026.04.11
인사이트
외주 개발 후 내부 개발팀으로 전환하는 법
외주로 시작했어도 서비스가 성장하면 내부 팀 전환이 옵니다. 처음부터 표준 기술 스택, 문서화, 소스코드 귀속, Git 히스토리를 갖추면 전환 비용이 줄어듭니다. 그 준비가 안 된 외주는 락인을 만듭니다.
2026.04.10
인사이트
PWA란? 앱 같은 웹의 가능성
iOS의 제약과 한국 사용자의 앱스토어 의존도 때문에 PWA는 약속한 만큼 효과를 내지 못합니다. 네이티브 알림과 백그라운드 동기화가 필수라면 React Native·Flutter가, 단순 콘텐츠라면 잘 만든 반응형 웹이 더 합리적입니다.
2026.04.09
인사이트
반응형 웹 vs 적응형 웹, 뭐가 다른가
한국 모바일 트래픽 비중은 60%를 넘습니다. 반응형은 코드 한 벌로 SEO·유지보수가 유리하고, 적응형은 디바이스별 UX가 결정적인 페이지에만 부분 적용하는 것이 현실적입니다.
2026.04.08
인사이트
3D 컨피규레이터, 고객이 직접 제품을 조합하는 경험
테슬라·BMW·Nike By You·IKEA가 이미 표준으로 쓰는 컨피규레이터는 고객이 색상·소재·구성을 직접 조합해 자신만의 제품을 만들도록 합니다. WebGL의 발전으로 중소기업도 합리적 비용에 도입할 수 있는 수준이 됐습니다.
2026.04.07
인사이트
API란? 비개발자를 위한 쉬운 설명
API는 레스토랑의 메뉴판 같은 약속된 규격입니다. 결제·로그인·지도·날씨 — 매일 쓰는 서비스가 다 API로 동작합니다. 미팅에서 "API 문서화는 어떻게 하나요", "프론트·백엔드가 분리됐나요" 두 질문이면 개발사 수준이 보입니다.
2026.04.07
인사이트
CTO가 없을 때 기술 의사결정하는 법
기술을 몰라도 됩니다. 정보 비대칭이 진짜 위험입니다. "왜 이 기술인가"·"대안은 뭐였나"·"트레이드오프는 무엇인가" — 이 세 질문을 받아내는 개발사와 일하면 의사결정 근거가 명확하게 남습니다.
2026.04.06
인사이트
외주 개발에서 QA가 중요한 이유
설계 단계 결함 수정 비용을 1이라 하면 출시 후엔 15배입니다. 외주에서 일정·예산 압박으로 가장 먼저 빠지는 단계가 QA지만, 그 한 번의 절약이 결제 오류·앱스토어 별점·CS 비용으로 돌아옵니다.
2026.04.05
인사이트
MVP, 이렇게 하면 돈만 버린다
기능 20개짜리 MVP는 MVP가 아니라 풀 프로덕트입니다. 반대로 핵심까지 잘라낸 MVP는 검증할 가설이 없어집니다. MVP는 기능 수가 아니라 검증하려는 가설이 명확한 제품입니다.
2026.03.29
인사이트
프로덕트 메이커는 프로젝트를 어떻게 관리하나
외주의 가장 큰 불안은 "지금 어디까지 됐는지"가 안 보이는 것입니다. 격주 스프린트로 매 2주마다 동작하는 결과물을 클라이언트가 직접 만져보고 피드백하는 구조는 방향이 어긋날 틈을 없앱니다.
2026.03.28
인사이트
개발사 대표가 블로그를 쓰는 이유
블로그는 영업 채널이지만 광고와 다릅니다. 한 번 쓴 글이 검색에 계속 노출되고, 관심 있는 사람만 들어옵니다. 신뢰 형성·필터링·검색 유입이 동시에 일어나는 구조입니다.
2026.03.27