본문으로 건너뛰기

#claude-code

jevtypesafellmai-workflowstructured-outputnextjsapp-routerrscserver-actionsarchitecturetypescriptmonorepoturborepobuild-performancereactssrhydrationroute-handlertanstack-querycachingroutingproxycdnreact-19react-server-componentsserver-statebrowser-renderingcsrdomreact-domrenderingexpoeastestflightioscode-signingclaude-codeeslinthookslintautomationseoopen-graphnoindexrobots-txtpnpmworkspacedependency-managementcatalogvercelawsamplifyecsfargatedeploymentuse-idcreate-portalcreate-rootcookiehttp-onlycsrfxsrf-tokensame-siteweb-securitymiddlewarerewritessosloauthenticationidpfrontendbffresize-observercss-variablesperformancevariancetype-safetystrict-function-typescovarianceimage-optimizationbrowser-image-compressionjszipweb-workerfrontend-performancepostmessagereact-hook-formbrowser-apinext-jshealthkitswiftworkoutapple-watchwatchosuseeffectrenderanti-patternsemverpackage-managementpythonvenvvirtual-environmenttroubleshootinggpspedometerlive-activityreact-nativeauto-pauseremote-controlmobile-developmentweb-sessionproductivityrtktoken-optimizationfigma-apideveloper-toolsinfrastructuremermaidmdxdiagramaws-s3presigned-urlfile-uploadhmacsecurityagentic-looptoken-flowprompt-cachingshell-scriptfigmacliskillagentresponsive-publishingcontext-windowsubagentteammulti-agentai-collaborationpublishingclaude-mdmemoryhistory-apiformxcodewidgetswiftuiapp-groupsandboxhtmlaccessibilitya11ynice-authpost-vs-getcallbackin-app-browserssgstatic-site-generationgetstaticpropsgetstaticpathscsscontainbrowserjavascriptanimationlerplinear-interpolationrequestanimationframecode-splittingreact-lazydynamic-importpreloadingreflowrepaintcomposite-layertransformwill-changeimage-uploadmobile-webdocusaurusmintlifydocumentationopenapistatic-site-generator3d-transformperspectivetransform-stylesearch-consolesitemapmetadatacanonicaljsxtranspileastvirtual-domreconciliationsynthetic-eventfluxdeclarativeimmutabilityfrontend-historymvcmvvmjquerybackboneswiperoauthuser-agent-detectionpost-messagesession-storageisrcache-controlroute53dnsdomaintxt-recordintersection-observerinfinite-scrollchat-uiscroll-behaviorvpcec2iamcloud-basicsperformance-nowdom-high-res-timestampmonotonic-clockuser-timing-apinode-perf-hooksjenkinsci-cdgithub-webhookkubernetesdockercicdcontinuous-integrationcontinuous-deliverycontinuous-deploymentdevopsdata-structuremapsetgitgithubforkcloneversion-controloss-contributiongenericstype-systemkeyofinterfacegit-branchremotepruneclosurelexical-scopeexecution-contextdeep-divelexical-environmenthoistingscopethisbindingcssomrender-treetcpfirst-class-objectfunctionargumentsvarletconsttype-aliasreduxredux-toolkitstate-managementmouse-eventdrag
Article

Claude Code 훅으로 자동 lint 파이프라인 만들기

훅이 스킬을 부를 수 없다는 사실에서 출발해, lint와 타입 체크를 세 군데로 나눠 붙인 기록.

READ MOREREAD MORE→
Article

모바일로 코딩하기: Claude Code Remote Control 완전 가이드

모바일 Claude 앱으로 원격에서 Claude Code를 제어하는 두 가지 방식—Remote Control과 Web Session—의 설정 방법과 실제 활용 사례 정리

READ MOREREAD MORE→
Article

Claude Code에서 99.8% 토큰을 절약한 방법 — RTK 실전 분석

실제 프로덕션 모노레포에 RTK(Rust Token Killer)를 도입한 30일 결과. 564.8M 토큰 중 563.8M을 절약한 수치와 원리를 분석한다.

READ MOREREAD MORE→
Article

Claude Code는 앱이다 — Agentic Loop, 토큰 흐름, Hook의 동작 원리

Claude Code의 실체는 API를 반복 호출하는 Node.js 루프 프로그램. 턴별 토큰 흐름과 Hook의 개입 지점 정리

READ MOREREAD MORE→
Article

Claude Code에서 반응형 퍼블리싱 자동화: Skill vs Agent 아키텍처

Figma 반응형 퍼블리싱 시 컨텍스트 한계로 AI가 추측하는 문제를, 섹션 분할과 Skill→Agent 위임 패턴으로 해결한 과정

READ MOREREAD MORE→
Article

Claude Code의 AI 협업 패턴: Subagent vs Team

Claude Code에서 AI를 활용하는 두 가지 핵심 패턴을 실제 프로젝트 적용 사례와 함께 비교한다.

READ MOREREAD MORE→
Article

Claude Code 토큰 최적화와 에이전트 전략

Claude Code의 턴별 토큰 누적 재전송 원리와 스킬/서브에이전트/팀 실행 환경 비교, 멀티 페이지 퍼블리싱 최적화 전략 정리

READ MOREREAD MORE→
Article

Claude Code의 CLAUDE.md와 Memory 시스템 활용기

매 세션마다 같은 규칙을 반복 설명하는 대신, CLAUDE.md와 Memory 시스템으로 프로젝트 규칙을 자동화하는 방법을 정리했다.

READ MOREREAD MORE→