[미리캔버스] 프론트엔드 개발자
Job group
개발
Experience Level
Experienced 1-5 years
Job Types
Full-time
Locations
미리디대한민국 서울특별시 구로구 구로동 197-21, 8층 미리디

| ​팀 ​소개

미리캔버스 프론트엔드팀은 ​단순한 UI 개발을 넘어 ​사용자가 ​더 쉽고 ​빠르게 디자인할 수 ​있는 환경을 ​만듭니다.

1,400만 ​명이 사랑하는 ​디자인 ​플랫폼 ​‘미리캔버스’를 더욱 확장 ​가능하고 ​유연한 구조로 발전시키며, ​빠르게 ​변화하는 ​서비스 환경에서도 일관된 ​사용자 경험을 ​제공할 ​수 있도록 ​고민하고 있습니다.


이를 ​위해 ​UI 성능을 최적화하고, ​재사용 가능한 ​컴포넌트 시스템을 구축하며, 각 기능이 원활하게 연결될 수 있도록 프론트엔드 아키텍처를 발전시키고 있습니다.

또한, 개발 생산성을 높이고 더 나은 사용자 경험을 만들기 위해 설계 단계부터 코드 리뷰, 기술 논의를 활발하게 진행하고 있습니다.



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

  • 빠르게 성장하는 서비스의 확장성
  • Micro Frontends 아키텍처 도입을 통해 각 Micro App 간의 의존성을 분리하고 개별 배포 파이프라인을 구축하여, 빠르게 변화하는 서비스 환경에 적응하고 있습니다.
  • Webpack 5의 모듈 페더레이션(Module Federation)을 활용해, 독립적인 애플리케이션들이 하나의 서비스처럼 동작할 수 있도록 설계하고 있습니다.
  • 디자인 시스템 정비 및 웹 접근성 강화
  • Figma와 Storybook을 활용하여 미리캔버스의 다양한 UI 요소를 체계적으로 관리하며, 디자이너와 개발자의 커뮤니케이션을 원활하게 만들기 위한 디자인 시스템을 구축하고 있습니다.
  • 글로벌 시장을 대비한 성능 최적화
  • 서버사이드 렌더링 및 성능 개선을 통해 전 세계 어디서든 쾌적하게 에디터를 사용할 수 있도록 최적화하고 있습니다.
  • 개발 생산성 향상을 위한 기술 도입
  • Turborepo를 활용한 모노레포 환경을 구축하여, 멀티 패키지 관리 및 빌드 속도를 최적화하고 있습니다.
  • CI/CD 환경에서도 효율적인 모듈 배포를 가능하게 하여, 개발 및 배포 속도를 극대화하고 있습니다.



| 주요 업무

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

  • 미리캔버스 웹 애플리케이션 개발 및 최적화
  • React, Next.js 기반의 프론트엔드 개발
  • SSR(Server-Side Rendering) 및 성능 최적화를 통한 사용자 경험 개선
  • 확장 가능한 프론트엔드 아키텍처 설계 및 구현
  • Micro Frontends 아키텍처 적용 및 점진적 마이그레이션
  • 디자인 시스템 정비 및 웹 접근성 개선
  • 글로벌 서비스 확장을 위한 프론트엔드 기술 연구 및 개선
  • 성능 최적화를 통한 로딩 속도 개선
  • 다양한 디바이스 및 환경에서도 최적의 사용자 경험 제공
  • 팀 개발 문화 및 코드 품질 향상
  • 코드 리뷰 및 설계 리뷰 진행
  • 기술 스펙 및 도메인 지식 공유



| 자격요건

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

  • React, Next.js 등의 웹 프레임워크에 대한 깊은 이해가 있으신 분
  • 서버사이드 렌더링(SSR)에 대한 경험 및 이해도를 보유하신 분
  • HTML, CSS, JavaScript, HTTP 등 웹의 기본 요소에 대한 탄탄한 이해가 있으신 분
  • 팀 개발 문화에 대한 관심과 기술 토론을 즐기시는 분


| 우대 사항

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

  • 기존 코드베이스를 기반으로 점진적인 마이그레이션 경험이 있으신 분
  • 디자인 패턴 및 클린 코드 원칙을 이해하고 적용할 수 있으신 분
  • Micro Frontends 관련 경험이 있으신 분


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

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

  • 코어: React, Typescript, Next.js
  • 상태관리: jotai, React-Query
  • 스타일링: styled-components
  • 빌드: Turborepo, Vite, Webpack, Rollup
  • CI/CD: GitHub Actions



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

  • 단순히 어떠한 기술을 사용할 줄 아는지 에 대한 내용보다, 다양한 기술을 어떻게 활용하여 어떠한 문제를 해결했는지 경험에 기반하여 서술해주시면 좋아요.
  • 지원자님의 경력 중 가장 임팩트 있었던 경험이나, 큰 실패를 극복한 과정에 대해 공유해 주세요.
  • 오픈소스 라이브러리 기여 경험이나, 코드 분석 후 적용 경험이 있다면 알려 주세요.
  • 팀의 생산성을 저하시키는 문제를 발굴하고 개선한 경험이 있다면 서술해주시면 좋아요.



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

  • 코드 리뷰를 넘어서 다양한 기술에 대한 토론과 문제 해결을 경험하며 빠르게 성장할 수 있어요.
  • 설계 리뷰를 통해 구현 전 단계에서 발생할 수 있는 문제를 사전에 방지하고, 체계적인 코드 리뷰 시스템을 운영하고 있어요.
  • 빠르게 성장하는 서비스에서 다양한 기술 스펙과 요구사항을 경험하고, 수많은 어플리케이션이 유연하게 확장하는 경험을 함께 할 수 있어요.
  • 최신 기술과 개발 방법론을 함께 학습하고, 필요하다면 직접 서비스에 적용하는 환경에서 일할 수 있어요.



| 기타 사항

  • [서류 전형] - [1차 인터뷰] - [처우 협의] - [입사] 의 프로세스로 진행됩니다.
  • 서류는 원활한 검토를 위해 PDF 형식으로 제출 부탁 드립니다.
  • 직무에 따라 코딩테스트, 과제 전형이 추가될 수 있습니다.
  • 직급에 따라 인터뷰 후 레퍼런스 체크 전형이 추가될 수 있습니다.
  • 입사 후 3개월의 수습 기간 및 수습 평가가 진행됩니다. (급여 100%)
  • 서류 전형 결과 안내까지는 최대 2주, 인터뷰 결과 안내까지는 최대 3주가 소요됩니다.
  • 여러 포지션에 동시에 지원해주시는 것은 가능하지만 동일한 포지션의 경우 최종 결과 안내를 받은 시점으로부터 6개월 후에 재지원이 가능합니다.
Share
[미리캔버스] 프론트엔드 개발자

| ​팀 ​소개

미리캔버스 프론트엔드팀은 ​단순한 UI 개발을 넘어 ​사용자가 ​더 쉽고 ​빠르게 디자인할 수 ​있는 환경을 ​만듭니다.

1,400만 ​명이 사랑하는 ​디자인 ​플랫폼 ​‘미리캔버스’를 더욱 확장 ​가능하고 ​유연한 구조로 발전시키며, ​빠르게 ​변화하는 ​서비스 환경에서도 일관된 ​사용자 경험을 ​제공할 ​수 있도록 ​고민하고 있습니다.


이를 ​위해 ​UI 성능을 최적화하고, ​재사용 가능한 ​컴포넌트 시스템을 구축하며, 각 기능이 원활하게 연결될 수 있도록 프론트엔드 아키텍처를 발전시키고 있습니다.

또한, 개발 생산성을 높이고 더 나은 사용자 경험을 만들기 위해 설계 단계부터 코드 리뷰, 기술 논의를 활발하게 진행하고 있습니다.



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

  • 빠르게 성장하는 서비스의 확장성
  • Micro Frontends 아키텍처 도입을 통해 각 Micro App 간의 의존성을 분리하고 개별 배포 파이프라인을 구축하여, 빠르게 변화하는 서비스 환경에 적응하고 있습니다.
  • Webpack 5의 모듈 페더레이션(Module Federation)을 활용해, 독립적인 애플리케이션들이 하나의 서비스처럼 동작할 수 있도록 설계하고 있습니다.
  • 디자인 시스템 정비 및 웹 접근성 강화
  • Figma와 Storybook을 활용하여 미리캔버스의 다양한 UI 요소를 체계적으로 관리하며, 디자이너와 개발자의 커뮤니케이션을 원활하게 만들기 위한 디자인 시스템을 구축하고 있습니다.
  • 글로벌 시장을 대비한 성능 최적화
  • 서버사이드 렌더링 및 성능 개선을 통해 전 세계 어디서든 쾌적하게 에디터를 사용할 수 있도록 최적화하고 있습니다.
  • 개발 생산성 향상을 위한 기술 도입
  • Turborepo를 활용한 모노레포 환경을 구축하여, 멀티 패키지 관리 및 빌드 속도를 최적화하고 있습니다.
  • CI/CD 환경에서도 효율적인 모듈 배포를 가능하게 하여, 개발 및 배포 속도를 극대화하고 있습니다.



| 주요 업무

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

  • 미리캔버스 웹 애플리케이션 개발 및 최적화
  • React, Next.js 기반의 프론트엔드 개발
  • SSR(Server-Side Rendering) 및 성능 최적화를 통한 사용자 경험 개선
  • 확장 가능한 프론트엔드 아키텍처 설계 및 구현
  • Micro Frontends 아키텍처 적용 및 점진적 마이그레이션
  • 디자인 시스템 정비 및 웹 접근성 개선
  • 글로벌 서비스 확장을 위한 프론트엔드 기술 연구 및 개선
  • 성능 최적화를 통한 로딩 속도 개선
  • 다양한 디바이스 및 환경에서도 최적의 사용자 경험 제공
  • 팀 개발 문화 및 코드 품질 향상
  • 코드 리뷰 및 설계 리뷰 진행
  • 기술 스펙 및 도메인 지식 공유



| 자격요건

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

  • React, Next.js 등의 웹 프레임워크에 대한 깊은 이해가 있으신 분
  • 서버사이드 렌더링(SSR)에 대한 경험 및 이해도를 보유하신 분
  • HTML, CSS, JavaScript, HTTP 등 웹의 기본 요소에 대한 탄탄한 이해가 있으신 분
  • 팀 개발 문화에 대한 관심과 기술 토론을 즐기시는 분


| 우대 사항

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

  • 기존 코드베이스를 기반으로 점진적인 마이그레이션 경험이 있으신 분
  • 디자인 패턴 및 클린 코드 원칙을 이해하고 적용할 수 있으신 분
  • Micro Frontends 관련 경험이 있으신 분


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

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

  • 코어: React, Typescript, Next.js
  • 상태관리: jotai, React-Query
  • 스타일링: styled-components
  • 빌드: Turborepo, Vite, Webpack, Rollup
  • CI/CD: GitHub Actions



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

  • 단순히 어떠한 기술을 사용할 줄 아는지 에 대한 내용보다, 다양한 기술을 어떻게 활용하여 어떠한 문제를 해결했는지 경험에 기반하여 서술해주시면 좋아요.
  • 지원자님의 경력 중 가장 임팩트 있었던 경험이나, 큰 실패를 극복한 과정에 대해 공유해 주세요.
  • 오픈소스 라이브러리 기여 경험이나, 코드 분석 후 적용 경험이 있다면 알려 주세요.
  • 팀의 생산성을 저하시키는 문제를 발굴하고 개선한 경험이 있다면 서술해주시면 좋아요.



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

  • 코드 리뷰를 넘어서 다양한 기술에 대한 토론과 문제 해결을 경험하며 빠르게 성장할 수 있어요.
  • 설계 리뷰를 통해 구현 전 단계에서 발생할 수 있는 문제를 사전에 방지하고, 체계적인 코드 리뷰 시스템을 운영하고 있어요.
  • 빠르게 성장하는 서비스에서 다양한 기술 스펙과 요구사항을 경험하고, 수많은 어플리케이션이 유연하게 확장하는 경험을 함께 할 수 있어요.
  • 최신 기술과 개발 방법론을 함께 학습하고, 필요하다면 직접 서비스에 적용하는 환경에서 일할 수 있어요.



| 기타 사항

  • [서류 전형] - [1차 인터뷰] - [처우 협의] - [입사] 의 프로세스로 진행됩니다.
  • 서류는 원활한 검토를 위해 PDF 형식으로 제출 부탁 드립니다.
  • 직무에 따라 코딩테스트, 과제 전형이 추가될 수 있습니다.
  • 직급에 따라 인터뷰 후 레퍼런스 체크 전형이 추가될 수 있습니다.
  • 입사 후 3개월의 수습 기간 및 수습 평가가 진행됩니다. (급여 100%)
  • 서류 전형 결과 안내까지는 최대 2주, 인터뷰 결과 안내까지는 최대 3주가 소요됩니다.
  • 여러 포지션에 동시에 지원해주시는 것은 가능하지만 동일한 포지션의 경우 최종 결과 안내를 받은 시점으로부터 6개월 후에 재지원이 가능합니다.