이 사이트는 LLM에게 최적화 되어있습니다.
분류: 종합최근 수정: 2026-05-15

정백경/기술

기술 문서는 스택 나열이 아니라, 정백경이 리딩했거나 담당했던 프로젝트와 실제 업무 환경에 도입한 기술을 정리하는 문서입니다.

정백경의 기술은 React/Next.js 프론트엔드 기반에서 출발해 SEO/GEOAI Native로 확장된다. 주요 내용은 스택을 많이 나열하는 것이 아니라, 리딩했거나 담당했던 프로젝트와 업무에 도입한 기술이 제품 품질과 팀의 일하는 방식으로 어떻게 이어졌는지를 설명하는 데 있다.

이 문서는 정백경이 맡았던 프로젝트, 역할, 공개 가능한 산출물을 기준으로 정리한다.

Frontend

Frontend Engineering은 정백경의 가장 오래된 기반 기술이며, 실제 제품 개발과 운영에서 가장 오래 직접 수행한 영역이다. React, Next.js, TypeScript를 중심으로 제품 UI, 렌더링 구조, 성능, SEO, 유지보수성을 함께 다뤘다.

Next.js App Router와 React Server Components는 업무 마이그레이션과 운영 검증의 대상이었다. server first 코드, server debugging, server monitoring, server test, infra, SEO까지 함께 보게 되며 이 변화가 이후 AI Native 전환의 문제의식으로 이어졌다.

Lead

Lead 구간에는 코드 리뷰, 온보딩, 문서화, 기술 기준 정리 업무가 포함된다. 코드 리뷰, 온보딩, 스터디, 기술 글, 마이그레이션 문서, 검증 루프를 업무 안에 넣어 팀이 같은 판단을 할 수 있는 상태를 만들었다.

크몽에서 보낸 약 8년 동안 정백경의 역할은 Frontend Lead에서 AI Native Lead로 전환됐다. 팀 규모가 커지는 동안 잦은 커뮤니케이션과 가벼운 관계 유지, 기술 선택의 갈림길에서 명확한 방향 제시를 리더십 방식으로 삼았다.

피플 매니징에서는 약간의 비효율을 감수하더라도 즐겁게 일하는 상태를 중요하게 봤다. 다만 기술적 결정이 필요한 순간에는 팀이 흔들리지 않도록 기준과 방향을 분명히 제시하는 쪽을 택했다.

SEO/GEO

SEO/GEO는 프론트엔드 구현, 마켓플레이스 정보 구조, 검색엔진, LLM 인용 대응을 함께 다룬 업무 영역이다.

실행 축업무에서 다루는 문제
Technical SEOCLS, Core Web Vitals, sitemap, metadata를 프론트엔드 품질로 다루는 영역.
Marketplace SEO서비스 상세, 카테고리, 랜딩 페이지가 검색 의도와 제품 구조를 함께 설명하도록 만드는 영역.
Structured Data / FAQPageschema.org, FAQPage, rich result 대응을 페이지 모델의 일부로 관리하는 영역.
Metadatatitle, meta description, Open Graph, 본문 첫 문단이 서로 같은 방향을 가리키게 만드는 영역.
GEO / AI CitationLLM이 인용 가능한 제목, 요약, 질문-답변, 근거 링크 구조를 설계하는 영역.

Technical SEO, Marketplace SEO, Structured Data, FAQPage, metadata, GEO/AI Citation은 실제 적용과 진단, 개선 경험을 기준으로 정리한다. 세부 주제는 별도 문서로 흩어두지 않고 SEO/GEO 문서 하나에서 함께 읽는다.

AI Native

AI Native 전환은 정백경이 발표 자료와 공유 자료를 만들고 사내 세션과 업무 적용으로 실제 추진한 항목만 다룬다. AI 도구를 업무 절차에 적용한 기록을 정리한다.

Cursor 기반 AI 개발 전환은 repository 이해의 전환점, Codex Agent Workflow는 비동기 작업 위임의 전환점, Claude Code Workflow는 CLI 기반 업무 hub의 전환점으로 실제 업무에 적용하며 다뤘다. MCP, Linear + Orchestration, SID, MAGI, Ralph Day, Kmong Marketplace는 각각 따로 유행어처럼 존재하는 것이 아니라 AI가 일할 수 있는 문서, 도구 연결, 검증, 배포 과정의 일부다.

이 과정은 공개 글 개인용 LLM wiki에서 개인 지식 운영체계로도 확장된다. raw에 원천 데이터를 남기고, wiki로 compile한 뒤, OpenClaw 같은 실행 인터페이스가 그 위에서 움직이게 만드는 구조는 회사에서 다루던 AI Native 운영 원칙의 개인 버전이다.

Product Engineer 전환은 이 작업은 제품 판단과 완료 기준 설계 문서로 연결된다.

Medium 글 발행

Medium 글은 직접 사용했거나 업무에 적용한 기술을 외부에 설명 가능한 언어로 바꾼 기록이다. AI Native, SDD, Codex, Claude Code, Cursor, Next.js, SEO/성능 글은 각각 실제 사용 경험과 판단 기준을 외부 문서로 남긴 사례다.

크몽은 AI Native 전환 중입니다. 1/n 2026-02-19 · AI Native AI Native 도구 도입과 업무 절차 정리를 설명한 공개 글. 스펙 주도개발이란? Spec Driven Development SDD 1탄 2025-11-23 · SDD AI 에이전트 사용 시 스펙 정의와 검증 기준을 다룬 글. Claude Code 왜 다들 난리야? 2025-08-18 · Claude Code CLI 기반 개발 에이전트, Plan Mode, Sub Agent를 프론트엔드 리드 기준에서 설명한 글. Codex는 과연 얼마나 생산성을 향상시켰을까? 2025-05-26 · Codex Codex를 비동기 에이전트로 보고, 밀린 기술 과제를 맡겨둘 수 있는 구조로 설명한 글. Cursor 없으면 개발자 때려친다 2025-03-24 · Cursor Cursor와 Vibe Coding 경험을 통해 AI 개발 도구 전환을 설명한 글. Next.js App Router, 서버 컴포넌트 작동원리 2024-08-29 · Next.js Next.js App Router와 React Server Components의 렌더링 원리를 기초부터 설명한 글. Next.js App Router, 이제는 앱라적 사고가 필요하다 2024-07-16 · Next.js App Router를 라우팅 변경 외에도 사고방식 변화로 설명한 글. 개발자 삶의 질이 향상되는 장비 추천 2024-05-03 · 개발 환경 개발을 오래 지속하기 위한 장비, 생활 자동화, 취미의 가치를 쓴 글. 웹페이지 SEO, 성능, UX 최적화 한번에 하기 2024-03-26 · SEO 검색 노출, 성능 점수, 사용자 경험을 하나의 제품 품질 문제로 묶어 설명한 글. 개발자를 위한 검색엔진 최적화: CLS 2024-01-15 · SEO CLS를 Core Web Vitals, 사용자 경험, 검색 품질의 연결 지점으로 설명한 글. 내 모든 기억을 AI가 찾을 수 있게 만들고 있다. 개인용 LLM wiki 2026-05-08 · 개인 LLM Wiki 개인 비서 시스템의 기억 계층을 raw→wiki→OpenClaw 구조로 설명한 공개 글. React Native 장단점: 2개월간의 삽질기 SOON 참고 글 · React Native React Native를 실제 제품 개발에 적용하며 겪은 장단점과 시행착오를 SOON 문서의 기술 배경으로 연결한다.