![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2F8p2txt1wxztsgbyo__1080_790.jpg&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fifs39x7opbexcvxi__1080_790.jpg&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fwuf7zkxllrz40nra__1080_790.png&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fyjp4cc51wacwk9tg__1080_790.png&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fqlfuppxgfhh21p4c__1080_790.jpg&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fjxp6a4rdiaysgk4j__1080_790.jpg&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Fjwvhsn4rm7ksecza__1080_790.jpg&w=700&q=100)
![아이알큐더스-[개발] Senior 프론트엔드 개발자 (8년 ~)](https://image.wanted.co.kr/optimize?src=https%3A%2F%2Fstatic.wanted.co.kr%2Fimages%2Fcompany%2F589%2Ffrlzjoqeerwjtokq__1080_790.jpg&w=700&q=100)
포지션 상세
IR큐더스는 대한민국 최대 IR컨설팅 및 솔루션 전문기업으로, 기업과 투자자 간 커뮤니케이션 확장과 효율화를 지원하고 있습니다.
업계 최고 전문가 및 네트워크를 보유하고 있으며 2021년 3월 국내 최초 SaaS 기반의 상장기업 대상 주주 및 투자자 관리 솔루션인 kudos works를 출시하여 현재 합계 시가총액 500조 원이 넘는 상장기업들을 고객삼아 성장하고 있습니다.
2026년 현재, 10배 이상의 매출 성장을 기록하며 Product-Market-Fit을 달성하였고 '주주우대'와 같은 B2C 플랫폼 서비스를 신규 오픈하며 사업 영역 확장을 본격화하고 있습니다. 그리고 이제는 국내 최초의 주주총회 통합 플랫폼을 통해 주주총회 시장까지도 진입하고 있습니다.
• 다양한 직군 및 유관 부서와의 긴밀한 협업을 통해 서비스의 UI/UX 프론트엔드 개발 및 퍼블리싱을 주도합니다.
• 프로젝트 설계 단계부터 적극적으로 참여하여 기술적 타당성을 검토하고, 사용자 경험을 최우선으로 고려한 최적의 구현 방안을 제안합니다.
• React·Next.js 기반의 확장성 있고 유지보수가 용이한 프론트엔드 아키텍처를 설계·구축합니다.
• 일관된 디자인 시스템을 기반으로 재사용 가능한 공통 UI 컴포넌트를 설계·구축하고, 여러 서비스 라인업이 일관되게 사용할 수 있도록 패키지로 배포·버전 관리합니다.
• 기존 Vue 3/Nuxt.js 기반 레거시 서비스를 안정적으로 유지보수하고, React·Next.js로 점진적으로 마이그레이션합니다.
• 디자이너와 긴밀히 협업하여 디자인 토큰(색상·간격·타이포 등 디자인 값을 코드로 표준화한 단위)과 Figma의 디자인 값을 코드와 동기화하고, 디자인–코드 간 일관성을 자동화된 방식으로 유지합니다.
• Storybook(컴포넌트를 독립적으로 문서화·미리보기하는 도구) 기반으로 컴포넌트를 문서화하고, 시각 회귀 테스트(UI 변경으로 생긴 의도치 않은 시각적 차이를 자동 감지)와 접근성 검증으로 컴포넌트 품질을 지속적으로 보장합니다.
• 모노레포(여러 패키지를 하나의 저장소에서 관리하는 구조) 환경에서 빌드·의존성·배포 파이프라인을 최적화하여 확장 가능한 프론트엔드 인프라를 운영합니다.
• 웹 접근성(WCAG) 준수와 렌더링 성능(Core Web Vitals 등) 최적화를 개발 프로세스에 내재화합니다.
• CI/CD 파이프라인에 코드화된 품질 게이트(정적 분석·타입 검사·테스트·접근성·번들 사이즈 등 통과해야 다음 단계로 넘어가는 자동 검증 관문)를 적용하여, 재현 가능하고 안정적인 배포 환경을 만듭니다.
• 사용자 데이터 기반의 UI/UX 개선 작업에 참여하여 지속적으로 제품의 완성도를 고도화합니다.
• 전자 주주총회 서비스의 화면을 개발하고, 주총 시즌에 트래픽이 집중되는 환경에서 정확성과 안정성이 요구되는 서비스를 구현합니다.
• 주주우대 서비스의 사용자 화면을 개발하고, 사용자 경험을 지속적으로 개선합니다.
• 어닝콜·실적발표(IR) 등 기업가치 관련 서비스의 UI/UX 프론트엔드 개발 및 퍼블리싱을 담당합니다.
[기술스택]
우리는 React·Next.js를 메인 스택으로, 디자인 시스템과 자동화 파이프라인을 기반으로 디자인부터 배포까지 일관되고 재현 가능한 프론트엔드 개발 환경을 지향합니다.
#Core Development
• React : 조직의 메인 프레임워크로, 깊이 있는 활용 및 컴포넌트 아키텍처 설계
• Next.js : SSR/SSG(서버·정적 렌더링) 환경 구축 및 최적화, App Router 기반 아키텍처
• TypeScript : 안정적인 코드 베이스 구축 및 타입 안전성 확보 (스키마 기반 타입 자동 생성·런타임 검증 포함)
• JavaScript (ES6+)
#Extended Ecosystem
• Vue 3 (Composition API) / Nuxt.js : 레거시 서비스 유지보수 및 React·Next.js로의 점진적 마이그레이션
• 상태 관리 : Redux, Zustand 등 프로젝트 성격에 맞는 선택과 설계 + TanStack Query(서버 상태 관리) / 레거시 Vue 환경: Pinia, Vuex
• API 연동 : RESTful API, GraphQL / 타입 안전 API 레이어 (스키마 기반 타입 생성 · zod 런타임 검증 · MSW를 활용한 API 목킹으로 서버 없이도 개발·테스트)
#Styling & UI
• HTML5, CSS3 (웹 표준 및 접근성 준수)
• SCSS / SASS : 효율적인 스타일링 관리 및 모듈화
• Tailwind CSS : 유틸리티 퍼스트 기반의 신속하고 일관된 UI 구현
• 디자인 시스템 : 공통 컴포넌트 설계 및 UI 규칙 정립
- 디자인 토큰 : 표준 포맷(DTCG) 기반 토큰 파이프라인, 다크모드·테마 대응
- Figma 연동 : Figma 디자인 값과 토큰·코드 동기화, 디자인–코드 매핑(Code Connect)으로 디자인 변경을 코드에 일관되게 반영
- Storybook : 컴포넌트 문서화 및 시각 회귀 테스트
- 웹 접근성(WCAG) : 자동화된 접근성 검증(axe 등)
- 복합 UI 컴포넌트 : 데이터 그리드(AG Grid 등) 대응
#Collaboration & Tools
• Git / Bitbucket : 브랜치 전략 기반의 코드 관리 및 협업
• 패키지 관리 : pnpm workspaces 기반 모노레포, 사내 npm 레지스트리(private registry)를 통한 컴포넌트 패키지 배포·버전 관리
• Build Tools : Vite, Webpack / Turborepo(모노레포 빌드 오케스트레이션), tsup(라이브러리 번들링) 등을 활용한 개발 환경 최적화
• Testing : Vitest(유닛 테스트), Playwright·Cypress(E2E 테스트 자동화), axe(접근성 자동 검증), 시각 회귀 테스트
• CI/CD : Jenkins 파이프라인, Git Hook(커밋 전 자동 검증) 기반 로컬 게이트, 코드화된 품질 게이트(정적 분석·타입 검사·테스트·접근성·번들 사이즈)로 재현 가능한 배포 프로세스 운영
[기술 필요 사항]
• 대규모 프론트엔드 프로젝트에서 컴포넌트 구조, 상태 관리, 데이터 흐름을 고려한 아키텍처 설계 경험
• CSR / SSR / SSG 환경에 대한 이해를 바탕으로 서비스 특성에 맞는 렌더링 전략을 수립할 수 있는 역량
• 전역 상태와 로컬 상태를 명확히 구분하고, 성능 저하를 최소화하는 상태 관리 설계 경험
• 코드 스플리팅, Lazy Loading, 번들 최적화 등을 통한 성능 개선 경험
• 웹 표준과 접근성을 고려한 시맨틱 마크업 및 퍼블리싱 역량
• 테스트 가능한 구조를 고려한 컴포넌트 및 로직 설계 경험
• 크로스 브라우징 이슈 분석 및 안정적인 서비스 운영 경험
• 기획·디자인 요구사항을 기술적으로 해석하고 구현 대안을 제시할 수 있는 커뮤니케이션 역량
• 코드 리뷰 및 기술 공유를 통해 팀의 코드 품질과 개발 문화를 개선한 경험
• React, Vue.js 등 SPA 프레임워크를 활용한 프로젝트 설계, 개발 및 운영 경험이 있으신 분
• Modern JavaScript(ES6+) 및 오픈 소스 라이브러리 활용 능력이 능숙하신 분
• 초기 프로젝트 아키텍처 설계부터 최적화까지, 프론트엔드 개발의 전 과정을 리딩해 보신 분
• 웹 표준 및 웹 접근성에 대한 깊은 이해를 바탕으로 한 퍼블리싱 숙련도가 있으신 분
• Git 등 분산 버전 관리 시스템을 이용한 협업 및 소스 코드 관리 경험이 있으신 분
• Webpack, Vite 등 빌드 도구 및 개발 환경 최적화 경험이 있으신 분
• 디자인 시스템 구축 및 공통 컴포넌트 설계 경헙이 있으신 분
• UI/UX 개선을 위해 기획/디자인 부서와 원활한 커뮤니케이션이 가능하신 분
• 다양한 디바이스 및 브라우저 환경에서의 호환성 이슈를 깊이 있게 분석하고 해결할 수 있는 분
• 포트폴리오, GitHub 제출 필수 (기여도에 대한 부분 명시 필수)
업계 최고 전문가 및 네트워크를 보유하고 있으며 2021년 3월 국내 최초 SaaS 기반의 상장기업 대상 주주 및 투자자 관리 솔루션인 kudos works를 출시하여 현재 합계 시가총액 500조 원이 넘는 상장기업들을 고객삼아 성장하고 있습니다.
2026년 현재, 10배 이상의 매출 성장을 기록하며 Product-Market-Fit을 달성하였고 '주주우대'와 같은 B2C 플랫폼 서비스를 신규 오픈하며 사업 영역 확장을 본격화하고 있습니다. 그리고 이제는 국내 최초의 주주총회 통합 플랫폼을 통해 주주총회 시장까지도 진입하고 있습니다.
주요업무
[입사 후 담당하게 될 업무]• 다양한 직군 및 유관 부서와의 긴밀한 협업을 통해 서비스의 UI/UX 프론트엔드 개발 및 퍼블리싱을 주도합니다.
• 프로젝트 설계 단계부터 적극적으로 참여하여 기술적 타당성을 검토하고, 사용자 경험을 최우선으로 고려한 최적의 구현 방안을 제안합니다.
• React·Next.js 기반의 확장성 있고 유지보수가 용이한 프론트엔드 아키텍처를 설계·구축합니다.
• 일관된 디자인 시스템을 기반으로 재사용 가능한 공통 UI 컴포넌트를 설계·구축하고, 여러 서비스 라인업이 일관되게 사용할 수 있도록 패키지로 배포·버전 관리합니다.
• 기존 Vue 3/Nuxt.js 기반 레거시 서비스를 안정적으로 유지보수하고, React·Next.js로 점진적으로 마이그레이션합니다.
• 디자이너와 긴밀히 협업하여 디자인 토큰(색상·간격·타이포 등 디자인 값을 코드로 표준화한 단위)과 Figma의 디자인 값을 코드와 동기화하고, 디자인–코드 간 일관성을 자동화된 방식으로 유지합니다.
• Storybook(컴포넌트를 독립적으로 문서화·미리보기하는 도구) 기반으로 컴포넌트를 문서화하고, 시각 회귀 테스트(UI 변경으로 생긴 의도치 않은 시각적 차이를 자동 감지)와 접근성 검증으로 컴포넌트 품질을 지속적으로 보장합니다.
• 모노레포(여러 패키지를 하나의 저장소에서 관리하는 구조) 환경에서 빌드·의존성·배포 파이프라인을 최적화하여 확장 가능한 프론트엔드 인프라를 운영합니다.
• 웹 접근성(WCAG) 준수와 렌더링 성능(Core Web Vitals 등) 최적화를 개발 프로세스에 내재화합니다.
• CI/CD 파이프라인에 코드화된 품질 게이트(정적 분석·타입 검사·테스트·접근성·번들 사이즈 등 통과해야 다음 단계로 넘어가는 자동 검증 관문)를 적용하여, 재현 가능하고 안정적인 배포 환경을 만듭니다.
• 사용자 데이터 기반의 UI/UX 개선 작업에 참여하여 지속적으로 제품의 완성도를 고도화합니다.
• 전자 주주총회 서비스의 화면을 개발하고, 주총 시즌에 트래픽이 집중되는 환경에서 정확성과 안정성이 요구되는 서비스를 구현합니다.
• 주주우대 서비스의 사용자 화면을 개발하고, 사용자 경험을 지속적으로 개선합니다.
• 어닝콜·실적발표(IR) 등 기업가치 관련 서비스의 UI/UX 프론트엔드 개발 및 퍼블리싱을 담당합니다.
[기술스택]
우리는 React·Next.js를 메인 스택으로, 디자인 시스템과 자동화 파이프라인을 기반으로 디자인부터 배포까지 일관되고 재현 가능한 프론트엔드 개발 환경을 지향합니다.
#Core Development
• React : 조직의 메인 프레임워크로, 깊이 있는 활용 및 컴포넌트 아키텍처 설계
• Next.js : SSR/SSG(서버·정적 렌더링) 환경 구축 및 최적화, App Router 기반 아키텍처
• TypeScript : 안정적인 코드 베이스 구축 및 타입 안전성 확보 (스키마 기반 타입 자동 생성·런타임 검증 포함)
• JavaScript (ES6+)
#Extended Ecosystem
• Vue 3 (Composition API) / Nuxt.js : 레거시 서비스 유지보수 및 React·Next.js로의 점진적 마이그레이션
• 상태 관리 : Redux, Zustand 등 프로젝트 성격에 맞는 선택과 설계 + TanStack Query(서버 상태 관리) / 레거시 Vue 환경: Pinia, Vuex
• API 연동 : RESTful API, GraphQL / 타입 안전 API 레이어 (스키마 기반 타입 생성 · zod 런타임 검증 · MSW를 활용한 API 목킹으로 서버 없이도 개발·테스트)
#Styling & UI
• HTML5, CSS3 (웹 표준 및 접근성 준수)
• SCSS / SASS : 효율적인 스타일링 관리 및 모듈화
• Tailwind CSS : 유틸리티 퍼스트 기반의 신속하고 일관된 UI 구현
• 디자인 시스템 : 공통 컴포넌트 설계 및 UI 규칙 정립
- 디자인 토큰 : 표준 포맷(DTCG) 기반 토큰 파이프라인, 다크모드·테마 대응
- Figma 연동 : Figma 디자인 값과 토큰·코드 동기화, 디자인–코드 매핑(Code Connect)으로 디자인 변경을 코드에 일관되게 반영
- Storybook : 컴포넌트 문서화 및 시각 회귀 테스트
- 웹 접근성(WCAG) : 자동화된 접근성 검증(axe 등)
- 복합 UI 컴포넌트 : 데이터 그리드(AG Grid 등) 대응
#Collaboration & Tools
• Git / Bitbucket : 브랜치 전략 기반의 코드 관리 및 협업
• 패키지 관리 : pnpm workspaces 기반 모노레포, 사내 npm 레지스트리(private registry)를 통한 컴포넌트 패키지 배포·버전 관리
• Build Tools : Vite, Webpack / Turborepo(모노레포 빌드 오케스트레이션), tsup(라이브러리 번들링) 등을 활용한 개발 환경 최적화
• Testing : Vitest(유닛 테스트), Playwright·Cypress(E2E 테스트 자동화), axe(접근성 자동 검증), 시각 회귀 테스트
• CI/CD : Jenkins 파이프라인, Git Hook(커밋 전 자동 검증) 기반 로컬 게이트, 코드화된 품질 게이트(정적 분석·타입 검사·테스트·접근성·번들 사이즈)로 재현 가능한 배포 프로세스 운영
[기술 필요 사항]
• 대규모 프론트엔드 프로젝트에서 컴포넌트 구조, 상태 관리, 데이터 흐름을 고려한 아키텍처 설계 경험
• CSR / SSR / SSG 환경에 대한 이해를 바탕으로 서비스 특성에 맞는 렌더링 전략을 수립할 수 있는 역량
• 전역 상태와 로컬 상태를 명확히 구분하고, 성능 저하를 최소화하는 상태 관리 설계 경험
• 코드 스플리팅, Lazy Loading, 번들 최적화 등을 통한 성능 개선 경험
• 웹 표준과 접근성을 고려한 시맨틱 마크업 및 퍼블리싱 역량
• 테스트 가능한 구조를 고려한 컴포넌트 및 로직 설계 경험
• 크로스 브라우징 이슈 분석 및 안정적인 서비스 운영 경험
• 기획·디자인 요구사항을 기술적으로 해석하고 구현 대안을 제시할 수 있는 커뮤니케이션 역량
• 코드 리뷰 및 기술 공유를 통해 팀의 코드 품질과 개발 문화를 개선한 경험
자격요건
• 해당 직무 경력 8년 이상 혹은 그에 준하는 전문성을 보유하신 분• React, Vue.js 등 SPA 프레임워크를 활용한 프로젝트 설계, 개발 및 운영 경험이 있으신 분
• Modern JavaScript(ES6+) 및 오픈 소스 라이브러리 활용 능력이 능숙하신 분
• 초기 프로젝트 아키텍처 설계부터 최적화까지, 프론트엔드 개발의 전 과정을 리딩해 보신 분
• 웹 표준 및 웹 접근성에 대한 깊은 이해를 바탕으로 한 퍼블리싱 숙련도가 있으신 분
• Git 등 분산 버전 관리 시스템을 이용한 협업 및 소스 코드 관리 경험이 있으신 분
• Webpack, Vite 등 빌드 도구 및 개발 환경 최적화 경험이 있으신 분
• 디자인 시스템 구축 및 공통 컴포넌트 설계 경헙이 있으신 분
• UI/UX 개선을 위해 기획/디자인 부서와 원활한 커뮤니케이션이 가능하신 분
• 다양한 디바이스 및 브라우저 환경에서의 호환성 이슈를 깊이 있게 분석하고 해결할 수 있는 분
• 포트폴리오, GitHub 제출 필수 (기여도에 대한 부분 명시 필수)
