분류: 종합최근 수정 시각: 2026-05-02

정백경/기술

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

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

이 문서는 관심사 목록이 아니라 실제 프로젝트와 업무 도입 기록에 가깝다. 각 섹션은 정백경이 직접 책임을 가졌던 전환, 팀 기준으로 만든 기술, 또는 업무 환경에 반복 가능하게 넣은 방식을 중심으로 읽는다.

Frontend

Frontend는 정백경의 가장 오래된 기반 기술이며, 실제 제품 개발과 운영에서 가장 오래 직접 수행한 영역이다. 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는 repository 이해의 전환점, Codex는 비동기 작업 위임의 전환점, Claude Code는 CLI 기반 업무 hub의 전환점으로 실제 업무에 적용하며 다뤘다. MCP, Linear, Orchestration, SID, MAGI, Ralph Day, Kmong Marketplace는 각각 따로 유행어처럼 존재하는 것이 아니라 AI가 일할 수 있는 문서, 도구 연결, 검증, 배포 흐름의 일부다.

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, 사용자 경험, 검색 품질의 연결 지점으로 설명한 글. React Native 장단점: 2개월간의 삽질기 SOON 참고 글 · React Native React Native를 실제 제품 개발에 적용하며 겪은 장단점과 시행착오를 SOON 문서의 기술 배경으로 연결한다.