포지션 상세
헤렌을 소개합니다.
헤렌은 안정적인 비즈니스 모델을 통해 외부 투자 없이도 매년 50% 이상의 성장을 달성하고 있습니다.
공비서팀은 7조 원에 달하는 시장 규모와 19만여 개의 사업자가 있는 뷰티서비스 시장에서 혁신을 주도하고 있습니다. 공비서 서비스는 매월 80만 건 이상의 오프라인 뷰티샵 예약을 처리하고 있습니다.
브랜다즈팀은 헤렌만의 독보적 기술력으로 20만 고객이 이용하는 SNS 자동화 솔루션인 인스타겟, 인스타터 그리고 데이터 기반 인플루언서 마케팅 플랫폼 파인앳플을 운영하고 있습니다.
서로 강한 시너지를 내는 공비서와 브랜다즈의 IT 기술과 방대한 데이터로 폭발적인 성장을 이뤄가고 있는 헤렌과 함께 혁신을 이끌어갈 새로운 동료를 찾습니다.
[CEO & 개발자 인터뷰]
• 헤렌의 창업스토리 - https://www.youtube.com/@HERREN_Official
• 헤렌 개발 파트가 성장하는 방법 - https://www.youtube.com/watch?v=HSSII8RmgFw
헤렌에서의 프론트엔드
제품과 기술을 함께 설계하는 역할로 정의합니다.
Next.js 기반 아키텍처 위에 AI/Agent 기능을 제품으로 연결하는 경험을 하게 됩니다. 프론트엔드 설계와 AI 시스템 설계를 함께 다루는 환경에서, 프로덕트 아키텍트로서의 역할까지 자연스럽게 확장됩니다.
구체적으로는 이런 일을 하게 됩니다:
**프론트엔드 아키텍처 및 기술 의사결정 참여**
구조 설계와 기술 선택 과정에 직접 참여합니다.
**AI 기반 기능 및 사용자 경험 설계**
LLM/Agent 기반 기능을 실제 서비스에 적용하고,
이를 사용자 경험으로 연결하는 방식을 고민합니다.
**AI를 활용한 개발 방식 개선**
Claude Code, Cursor 등의 도구를 활용해
코드베이스, 컨벤션, 협업 흐름을 정리하고
반복적인 작업을 줄이는 방향으로 개발 프로세스를 개선합니다.
**코드 리뷰 / 설계 리뷰를 통한 기준 정립**
코드 품질과 구조에 대한 기준을 만들고, 이를 팀 단위로 확장합니다.
우리가 기대하는 동료
아래 기준 중 일부에 공감하고, 실제로 고민해본 경험이 있는 분을 기대합니다.
**01. 기술에 대한 이해**
렌더링 파이프라인, 이벤트 루프, React의 동작 원리 등
"왜 이렇게 동작하는가"를 설명할 수 있는 분을 기대합니다.
AI 도구를 사용할 때도 원리를 이해하고 활용하는 태도를 중요하게 봅니다.
**02. 트레이드오프를 다루는 판단력**
복잡한 요구사항 속에서 단순하고 유지 가능한 구조를 만들기 위해
현실적인 선택과 균형을 잡을 수 있어야 합니다.
속도와 품질 사이에서 상황에 맞는 결정을 내리는 능력을 중요하게 봅니다.
**03. 비즈니스와 연결하는 시선**
기술적 선택이 사용자 경험에 미치는 영향을 고려하고,
그 선택이 어떤 가치를 만드는지 설명할 수 있어야 합니다.
기술과 제품 사이를 연결하는 시선을 기대합니다.
우리 팀이 일하는 방식
AI 도구를 적극적으로 활용해 일반적인 팀보다 빠르게 실험하고 반복합니다.
• **코드**: Claude Code, Cursor를 활용해 보일러플레이트, 리팩토링, 테스트 작성까지 일상적으로 위임합니다. 개발자의 시간은 타이핑이 아니라 판단과 설계에 사용합니다.
• **기획·문서**: Notion MCP로 PRD·스펙·회의록을 AI와 함께 관리합니다. 프론트엔드도 기획 단계부터 자연스럽게 참여합니다.
• **운영**: CX 응대, 데이터 정합성 체크, 벤더 모니터링 같은 반복 업무를 AI 워크플로우로 자동화하는 작업이 상시 진행됩니다.
• **사내 지식**: Slack·Notion 등 사내 데이터를 MCP로 연결해 "우리 회사 컨텍스트를 아는 AI"를 직접 만들어 씁니다.
이런 방식으로 작은 팀에서도 빠른 실험과 안정적인 배포가 가능한 환경을 만들어가고 있습니다.
• AI 도구를 활용한 개발 생산성 향상 및 팀 내 활용 방식 정립
• 대규모 트래픽 환경에서의 성능 최적화 및 복잡한 UI/UX 구현
• PO·PD·BE·QA 등 이해관계자와 협업하여 요구사항을 기술적으로 풀어내기
• Sentry 기반 에러 모니터링 및 Core Web Vitals 지표 관리
• 공통 UI 컴포넌트 및 디자인 시스템 설계·운영
모든 것을 혼자 책임지는 역할이 아니라, 팀과 함께 방향을 만들고 중요한 의사결정을 주도하는 역할입니다.
• 2년 이상의 기술 리딩 경험 (설계 리뷰, 코드 리뷰, 기술 의사결정 주도)
• React 동작 원리(Virtual DOM, Reconciliation, Fiber)에 대한 깊은 이해
• 브라우저 렌더링 파이프라인, 이벤트 루프, 네트워크 최적화에 대한 이해
• Next.js SSR/SSG/ISR 렌더링 전략 선택 및 하이드레이션 최적화 경험
• TypeScript 타입 시스템 활용 역량 (제네릭, 조건부 타입, 타입 가드)
• 기술적 의사결정의 배경과 트레이드오프를 명확하게 설명할 수 있는 커뮤니케이션 역량
• AI 도구(Claude Code, Cursor 등)를 일상 워크플로우에 활용해본 경험
[주요 기술 스택]
• React, Next.js (Page Router), TypeScript
• TanStack Query, Recoil, Context API (또는 Zustand/Jotai 경험자 환영)
• Styled-Components, Storybook
• Jest, Playwright
• Jenkins, Sentry
헤렌은 안정적인 비즈니스 모델을 통해 외부 투자 없이도 매년 50% 이상의 성장을 달성하고 있습니다.
공비서팀은 7조 원에 달하는 시장 규모와 19만여 개의 사업자가 있는 뷰티서비스 시장에서 혁신을 주도하고 있습니다. 공비서 서비스는 매월 80만 건 이상의 오프라인 뷰티샵 예약을 처리하고 있습니다.
브랜다즈팀은 헤렌만의 독보적 기술력으로 20만 고객이 이용하는 SNS 자동화 솔루션인 인스타겟, 인스타터 그리고 데이터 기반 인플루언서 마케팅 플랫폼 파인앳플을 운영하고 있습니다.
서로 강한 시너지를 내는 공비서와 브랜다즈의 IT 기술과 방대한 데이터로 폭발적인 성장을 이뤄가고 있는 헤렌과 함께 혁신을 이끌어갈 새로운 동료를 찾습니다.
[CEO & 개발자 인터뷰]
• 헤렌의 창업스토리 - https://www.youtube.com/@HERREN_Official
• 헤렌 개발 파트가 성장하는 방법 - https://www.youtube.com/watch?v=HSSII8RmgFw
헤렌에서의 프론트엔드
제품과 기술을 함께 설계하는 역할로 정의합니다.
Next.js 기반 아키텍처 위에 AI/Agent 기능을 제품으로 연결하는 경험을 하게 됩니다. 프론트엔드 설계와 AI 시스템 설계를 함께 다루는 환경에서, 프로덕트 아키텍트로서의 역할까지 자연스럽게 확장됩니다.
구체적으로는 이런 일을 하게 됩니다:
**프론트엔드 아키텍처 및 기술 의사결정 참여**
구조 설계와 기술 선택 과정에 직접 참여합니다.
**AI 기반 기능 및 사용자 경험 설계**
LLM/Agent 기반 기능을 실제 서비스에 적용하고,
이를 사용자 경험으로 연결하는 방식을 고민합니다.
**AI를 활용한 개발 방식 개선**
Claude Code, Cursor 등의 도구를 활용해
코드베이스, 컨벤션, 협업 흐름을 정리하고
반복적인 작업을 줄이는 방향으로 개발 프로세스를 개선합니다.
**코드 리뷰 / 설계 리뷰를 통한 기준 정립**
코드 품질과 구조에 대한 기준을 만들고, 이를 팀 단위로 확장합니다.
우리가 기대하는 동료
아래 기준 중 일부에 공감하고, 실제로 고민해본 경험이 있는 분을 기대합니다.
**01. 기술에 대한 이해**
렌더링 파이프라인, 이벤트 루프, React의 동작 원리 등
"왜 이렇게 동작하는가"를 설명할 수 있는 분을 기대합니다.
AI 도구를 사용할 때도 원리를 이해하고 활용하는 태도를 중요하게 봅니다.
**02. 트레이드오프를 다루는 판단력**
복잡한 요구사항 속에서 단순하고 유지 가능한 구조를 만들기 위해
현실적인 선택과 균형을 잡을 수 있어야 합니다.
속도와 품질 사이에서 상황에 맞는 결정을 내리는 능력을 중요하게 봅니다.
**03. 비즈니스와 연결하는 시선**
기술적 선택이 사용자 경험에 미치는 영향을 고려하고,
그 선택이 어떤 가치를 만드는지 설명할 수 있어야 합니다.
기술과 제품 사이를 연결하는 시선을 기대합니다.
우리 팀이 일하는 방식
AI 도구를 적극적으로 활용해 일반적인 팀보다 빠르게 실험하고 반복합니다.
• **코드**: Claude Code, Cursor를 활용해 보일러플레이트, 리팩토링, 테스트 작성까지 일상적으로 위임합니다. 개발자의 시간은 타이핑이 아니라 판단과 설계에 사용합니다.
• **기획·문서**: Notion MCP로 PRD·스펙·회의록을 AI와 함께 관리합니다. 프론트엔드도 기획 단계부터 자연스럽게 참여합니다.
• **운영**: CX 응대, 데이터 정합성 체크, 벤더 모니터링 같은 반복 업무를 AI 워크플로우로 자동화하는 작업이 상시 진행됩니다.
• **사내 지식**: Slack·Notion 등 사내 데이터를 MCP로 연결해 "우리 회사 컨텍스트를 아는 AI"를 직접 만들어 씁니다.
이런 방식으로 작은 팀에서도 빠른 실험과 안정적인 배포가 가능한 환경을 만들어가고 있습니다.
주요업무
• Next.js 기반 SSR 웹 애플리케이션의 아키텍처 설계 및 기술 방향성 수립• AI 도구를 활용한 개발 생산성 향상 및 팀 내 활용 방식 정립
• 대규모 트래픽 환경에서의 성능 최적화 및 복잡한 UI/UX 구현
• PO·PD·BE·QA 등 이해관계자와 협업하여 요구사항을 기술적으로 풀어내기
• Sentry 기반 에러 모니터링 및 Core Web Vitals 지표 관리
• 공통 UI 컴포넌트 및 디자인 시스템 설계·운영
모든 것을 혼자 책임지는 역할이 아니라, 팀과 함께 방향을 만들고 중요한 의사결정을 주도하는 역할입니다.
자격요건
• Front-end 개발 경력 5년 이상 또는 그에 준하는 문제 해결 역량• 2년 이상의 기술 리딩 경험 (설계 리뷰, 코드 리뷰, 기술 의사결정 주도)
• React 동작 원리(Virtual DOM, Reconciliation, Fiber)에 대한 깊은 이해
• 브라우저 렌더링 파이프라인, 이벤트 루프, 네트워크 최적화에 대한 이해
• Next.js SSR/SSG/ISR 렌더링 전략 선택 및 하이드레이션 최적화 경험
• TypeScript 타입 시스템 활용 역량 (제네릭, 조건부 타입, 타입 가드)
• 기술적 의사결정의 배경과 트레이드오프를 명확하게 설명할 수 있는 커뮤니케이션 역량
• AI 도구(Claude Code, Cursor 등)를 일상 워크플로우에 활용해본 경험
[주요 기술 스택]
• React, Next.js (Page Router), TypeScript
• TanStack Query, Recoil, Context API (또는 Zustand/Jotai 경험자 환영)
• Styled-Components, Storybook
• Jest, Playwright
• Jenkins, Sentry
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2F2ydmxnhmuvclvdhy__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fmzvuo0rtqa6sy1hb__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fyhufc93zobd8zw2j__1080_790.png&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fzrxrq5a0ymdtfrav__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2F38eva0lu1b1sh2bs__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fh6yeelyess7onzbf__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fltsuygkmddbpwzoj__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fdqaif8srp3rtftev__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fgbhxpjc29mnyapeb__1080_790.jpg&w=700&q=100)
![헤렌-[헤렌/공비서] 프론트엔드 개발자](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F1245%2Fdufpyqg05jns8ca0__1080_790.jpg&w=700&q=100)
