| 미리캔버스 프론트엔드팀이 해결하려는 문제

빠르게 성장하는 서비스의 확장성

- Micro Frontends 아키텍처 도입을 통해 각 Micro App 간의 의존성을 분리하고 개별 배포 파이프라인을 구축하여, 빠르게 변화하는 서비스 환경에 적응하고 있습니다.

- Webpack 5의 모듈 페더레이션(Module Federation)을 활용해, 독립적인 애플리케이션들이 하나의 서비스처럼 동작할 수 있도록 설계하고 있습니다.

디자인 시스템 정비 및 웹 접근성 강화

- Figma와 Storybook을 활용하여 미리캔버스의 다양한 UI 요소를 체계적으로 관리하며, 디자이너와 개발자의 커뮤니케이션을 원활하게 만들기 위한 디자인 시스템을 구축하고 있습니다.

글로벌 시장을 대비한 성능 최적화

- 서버사이드 렌더링 및 성능 개선을 통해 전 세계 어디서든 쾌적하게 에디터를 사용할 수 있도록 최적화하고 있습니다.

개발 생산성 향상을 위한 기술 도입

- Turborepo를 활용한 모노레포 환경을 구축하여, 멀티 패키지 관리 및 빌드 속도를 최적화하고 있습니다.

- CI/CD 환경에서도 효율적인 모듈 배포를 가능하게 하여, 개발 및 배포 속도를 극대화하고 있습니다.

| 주요 업무

"미리디에서 이런 일들을 함께 하고 싶어요"

확장 가능한 프론트엔드 아키텍처 설계 및 구현

- Micro Frontends 아키텍처 설계 및 운영

- 도메인 기반의 모듈 설계

- 구조적이고 유연한 컴포넌트 설계 및 유지보수

성능 최적화 및 시스템 안정화

- 서버사이드 렌더링 기반 페이지의 LCP, CLS 성능 개선

- 서버 응답 시간 및 부하 개선

- APM / 에러 모니터링 도구를 활용한 실시간 장애 감지 및 대응

팀 개발 문화 주도 및 기술 방향성 정의

- 비즈니스 요구사항과 기술적 제약을 고려하여 장기적으로 유지 가능한 기술 스택과 구조를 설계

 - 설계 리뷰, 개발 세미나, 기술 문서화 등의 개발 문화 주도

| 자격요건

"이런 분이라면 목표 달성에 확신을 얻을 것 같아요"

    - React, Next.js 등 현대 프론트엔드 프레임워크에 대한 깊은 이해와 실무 경험이 있으신 분

    - 서버사이드 렌더링(SSR) 환경에서의 페이지 렌더링 최적화 및 퍼포먼스 개선 경험이 있으신 분

    - HTML, CSS, JavaScript, HTTP 등 웹의 기본 기술 스택에 대한 탄탄한 이해를 보유하신 분

    - 도메인 중심 설계(Domain-oriented Design) 기반의 구조적이고 유연한 UI 설계 경험이 있으신 분

    - 디자인 패턴, 클린 코드 원칙, SOLID 등의 소프트웨어 설계 원칙에 대한 이해와 적용 경험이 있으신 분

| 우대 사항

"이런 분이라면 장기적으로 서로에게 더 긍정적일 것 같아요!"

    - Micro Frontends 아키텍처의 설계 및 운영 경험이 있으신 분

    - APM 도구(Sentry, Datadog 등)를 활용한 실시간 모니터링/장애 대응 경험이 있으신 분

    - 대규모 프로젝트에서 기존 코드베이스를 기반으로 점진적인 마이그레이션을 수행한 경험이 있으신 분

    - 기술 세미나, 설계 리뷰, 문서화 등 팀 내에서 기술적 기준을 세우고 리딩한 경험이 있으신 분

| 추천 공고

"지금 공고보다 좀 더 FIT!한 공고를 찾아보아요!"

    - 그래픽 에디터나 워드프로세스 등의 저작툴 개발을 진행해본 경험이 있는 경력자라면?!

-> [미리캔버스] 프론트엔드 개발자 (웹 에디터) (https://www.miridih.com/ko/o/5710)

| 미리디에서 활용하는 기술 스택

미리캔버스 프론트엔드팀은 최신 기술을 적극적으로 도입하며, 팀원들과 함께 최적의 스택을 고민하고 적용합니다.

- 코어: React, Typescript, Next.js

- 상태관리: jotai, React-Query

- 스타일링: styled-components

- 빌드: Turborepo, Vite, Webpack, Rollup

- CI/CD: GitHub Actions

| 이력서에 이런 내용을 함께 공유해주시면 좋아요!

- 단순히 어떠한 기술을 사용할 줄 아는지 에 대한 내용보다, 다양한 기술을 어떻게 활용하여 어떠한 문제를 해결했는지 경험에 기반하여 서술해주시면 좋아요.

- 지원자님의 경력 중 가장 임팩트 있었던 경험이나, 큰 실패를 극복한 과정에 대해 공유해 주세요.

- 오픈소스 라이브러리 기여 경험이나, 코드 분석 후 적용 경험이 있다면 알려 주세요.

- 팀의 생산성을 저하시키는 문제를 발굴하고 개선한 경험이 있다면 서술해주시면 좋아요.

| 미리캔버스 프론트엔드팀과 함께 하면 좋은 이유

- 코드 리뷰를 넘어서 다양한 기술에 대한 토론과 문제 해결을 경험하며 빠르게 성장할 수 있어요.

- 설계 리뷰를 통해 구현 전 단계에서 발생할 수 있는 문제를 사전에 방지하고, 체계적인 코드 리뷰 시스템을 운영하고 있어요.

- 빠르게 성장하는 서비스에서 다양한 기술 스펙과 요구사항을 경험하고, 수많은 어플리케이션이 유연하게 확장하는 경험을 함께 할 수 있어요.

- 최신 기술과 개발 방법론을 함께 학습하고, 필요하다면 직접 서비스에 적용하는 환경에서 일할 수 있어요.

| 기타 사항

- [서류 전형] - [1차 인터뷰] - [처우 협의] - [입사] 의 프로세스로 진행됩니다.

    - 서류는 원활한 검토를 위해 PDF 형식으로 제출 부탁 드립니다.

    - 1차 인터뷰 안내

        - 프론트엔드 개발자의 기본 역량을 확인할 수 있는 간단한 라이브 코딩 테스트가 진행됩니다. (50분 내외)

    - 직급에 따라 인터뷰 후 레퍼런스 체크 전형이 추가될 수 있습니다.

- 입사 후 3개월의 수습 기간 및 수습 평가가 진행됩니다. (급여 100%)

- 서류 전형 결과 안내까지는 최대 2주, 인터뷰 결과 안내까지는 최대 3주가 소요됩니다.

- 여러 포지션에 동시에 지원해주시는 것은 가능하지만 동일한 포지션의 경우 최종 결과 안내를 받은 시점으로부터 6개월 후에 재지원이 가능합니다.