[미리캔버스] 프론트엔드 개발자

미리디

132

오류 제보하기

상시채용

6월 18일 게시

경력

3~6년차

근무지역

기타

학력

학력 무관

근무형태

정규직

직군

프론트엔드

<div style="font-family: sans-serif; line-height: 1.6; padding: 20px;"><div style="margin-bottom: 40px;"><h2 style="font-size: 22px; margin-bottom: 16px; font-weight: bold; color: #333;">주요업무</h2><div style="color: #333;"><p><strong style="color: rgb(255, 153, 0);"> |</strong><span style="color: rgb(0, 33, 21);"> </span><strong style="color: rgb(33, 37, 41);"> 회사 소개</strong></p><p><strong>"전 세계로 확장 중인 디자인 올인원 플랫폼"</strong></p><p>미리디는 '디자인 생태계를 혁신하고 간편한 디자인 문화를 만든다는' 미션 아래, 올인원 디자인 솔루션 1,300만 고객의 '미리캔버스'와 국내 No. 1 온라인 프린팅 서비스 '비즈하우스'를 운영하고 있습니다.</p><p><br/></p><p>21년도부터 매년 70% 이상의 매출 성장을 이뤄오며, 작년 607억 매출과 77억원의 영업이익을 달성하고, 200억 규모의 시리즈 B 투자 유치를 성공적으로 완료했습니다.</p><p><br/></p><p>빠르게 성장하는 팀의 일원으로서, 전 세계에 우리의 서비스를 알리고 디자인의 미래를 함께 만들어 갈 동료분을 기다리고 있습니다!</p><p class="ql-indent-1"><br/></p><p><strong style="color: rgb(34, 184, 207); background-color: rgba(255, 255, 255, 0);">[미리캔버스] </strong></p><p><span style="color: rgb(33, 37, 41);">누구나 디자인을 통해 </span><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">자신의 이야기를 표현</strong><span style="color: rgb(33, 37, 41);">할 수 있는 세상을 꿈꿉니다. 디자인 지식이 없어도 다양한 템플릿과 요소로 </span><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">나만의 창의적인 작품</strong><span style="color: rgb(33, 37, 41);">을 만들 수 있습니다. </span></p><p><span style="color: rgb(33, 37, 41);">2024년 기준 </span><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">가입자 1300만명</strong><span style="color: rgb(33, 37, 41);">을 돌파한, 한국인이 가장 사랑하는</span><strong style="color: rgb(33, 37, 41);"> 디자인 플랫폼</strong><span style="color: rgb(33, 37, 41);">, 미리캔버스로 자유로운 표현의 세상을 경험해보세요.</span></p><p class="ql-indent-1"><br/></p><p><strong style="color: rgb(59, 91, 219); background-color: rgba(255, 255, 255, 0);">[비즈하우스]</strong></p><p><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">15만 개 </strong><span style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">이상의 샘플 디자인과 3D/AR 뷰어 등 </span><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">획기적인 인쇄 경험</strong><span style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">을 제공하며 </span><strong style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">매년 40%이상</strong><span style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);"> 성장하는 온라인 POD 서비스!</span></p><p><span style="color: rgb(33, 37, 41); background-color: rgba(255, 255, 255, 0);">더욱 많은 고객들을 위한 프린팅 플랫</span><span style="color: rgb(33, 37, 41);">폼으로 거듭나며 </span><strong style="color: rgb(33, 37, 41);">일본, 미국</strong><span style="color: rgb(33, 37, 41);"> 배송을 시작하였어요.</span></p><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 팀 소개</strong></p><p>미리캔버스 프론트엔드팀은 단순한 UI 개발을 넘어 사용자가 더 쉽고 빠르게 디자인할 수 있는 환경을 만듭니다.</p><p>1,400만 명이 사랑하는 디자인 플랫폼 ‘미리캔버스’를 더욱 확장 가능하고 유연한 구조로 발전시키며, 빠르게 변화하는 서비스 환경에서도<strong> </strong>일관된 사용자 경험을 제공할 수 있도록 고민하고 있습니다.</p><p class="ql-indent-1"><br/></p><p>이를 위해 UI 성능을 최적화하고, 재사용 가능한 컴포넌트 시스템을 구축하며, 각 기능이 원활하게 연결될 수 있도록 프론트엔드 아키텍처를 발전시키고 있습니다.</p><p>또한, 개발 생산성을 높이고 더 나은 사용자 경험을 만들기 위해 설계 단계부터 코드 리뷰, 기술 논의를 활발하게 진행하고 있습니다.</p><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> </strong><strong>미리캔버스 프론트엔드팀이 해결하려는 문제</strong></p><ul><li><strong>빠르게 성장하는 서비스의 확장성</strong></li><li class="ql-indent-1">Micro Frontends 아키텍처 도입을 통해 각 Micro App 간의 의존성을 분리하고 개별 배포 파이프라인을 구축하여, 빠르게 변화하는 서비스 환경에 적응하고 있습니다.</li><li class="ql-indent-1">Webpack 5의 모듈 페더레이션(Module Federation)을 활용해, 독립적인 애플리케이션들이 하나의 서비스처럼 동작할 수 있도록 설계하고 있습니다.</li><li><strong>디자인 시스템 정비 및 웹 접근성 강화</strong></li><li class="ql-indent-1">Figma와 Storybook을 활용하여 미리캔버스의 다양한 UI 요소를 체계적으로 관리하며, 디자이너와 개발자의 커뮤니케이션을 원활하게 만들기 위한 디자인 시스템을 구축하고 있습니다.</li><li><strong>글로벌 시장을 대비한 성능 최적화</strong></li><li class="ql-indent-1">서버사이드 렌더링 및 성능 개선을 통해 전 세계 어디서든 쾌적하게 에디터를 사용할 수 있도록 최적화하고 있습니다.</li><li><strong>개발 생산성 향상을 위한 기술 도입</strong></li><li class="ql-indent-1">Turborepo를 활용한 모노레포 환경을 구축하여, 멀티 패키지 관리 및 빌드 속도를 최적화하고 있습니다.</li><li class="ql-indent-1">CI/CD 환경에서도 효율적인 모듈 배포를 가능하게 하여, 개발 및 배포 속도를 극대화하고 있습니다.</li></ul><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 주요 업무</strong></p><p><span style="color: rgb(255, 146, 43);"> "미리디에서 이런 일들을 함께 하고 싶어요"</span></p><ul><li><strong>미리캔버스 웹 애플리케이션 개발 및 최적화</strong></li><li class="ql-indent-1">React, Next.js 기반의 프론트엔드 개발</li><li class="ql-indent-1">SSR(Server-Side Rendering) 및 성능 최적화를 통한 사용자 경험 개선</li><li><strong>확장 가능한 프론트엔드 아키텍처 설계 및 구현</strong></li><li class="ql-indent-1">Micro Frontends 아키텍처 적용 및 점진적 마이그레이션</li><li class="ql-indent-1">디자인 시스템 정비 및 웹 접근성 개선</li><li><strong>글로벌 서비스 확장을 위한 프론트엔드 기술 연구 및 개선</strong></li><li class="ql-indent-1">성능 최적화를 통한 로딩 속도 개선</li><li class="ql-indent-1">다양한 디바이스 및 환경에서도 최적의 사용자 경험 제공</li><li><strong>팀 개발 문화 및 코드 품질 향상</strong></li><li class="ql-indent-1">코드 리뷰 및 설계 리뷰 진행</li><li class="ql-indent-1">기술 스펙 및 도메인 지식 공유</li></ul></div></div><div style="margin-bottom: 40px;"><h2 style="font-size: 22px; margin-bottom: 16px; font-weight: bold; color: #333;">우대사항</h2><div style="color: #333;"><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 우대 사항</strong></p><p><span style="color: rgb(255, 146, 43);"> "이런 분이라면 장기적으로 서로에게 더 긍정적일 것 같아요!"</span></p><ul><li>기존 코드베이스를 기반으로 점진적인 마이그레이션 경험이 있으신 분</li><li>디자인 패턴 및 클린 코드 원칙을 이해하고 적용할 수 있으신 분</li><li>Micro Frontends 관련 경험이 있으신 분</li></ul><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 미리디에서 활용하는 기술 스택</strong></p><p><span style="color: rgb(41, 42, 46);"> 미리캔버스 프론트엔드팀은 최신 기술을 적극적으로 도입하며, 팀원들과 함께 최적의 스택을 고민하고 적용합니다.</span></p><ul><li><strong>코어:</strong> React, Typescript, Next.js</li><li><strong>상태관리:</strong> jotai, React-Query</li><li><strong>스타일링:</strong> styled-components</li><li><strong>빌드:</strong> Turborepo, Vite, Webpack, Rollup</li><li><strong>CI/CD:</strong> GitHub Actions</li></ul><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 이력서에 이런 내용을 함께 공유해주시면 좋아요!</strong></p><ul><li>단순히 어떠한 기술을 사용할 줄 아는지 에 대한 내용보다,<strong> 다양한 기술을 어떻게 활용하여 어떠한 문제를 해결했는지</strong> 경험에 기반하여 서술해주시면 좋아요.</li><li>지원자님의 경력 중 가장 임팩트 있었던 경험이나, 큰 실패를 극복한 과정에 대해 공유해 주세요.</li><li>오픈소스 라이브러리 기여 경험이나, 코드 분석 후 적용 경험이 있다면 알려 주세요.</li><li>팀의 생산성을 저하시키는 문제를 발굴하고 개선한 경험이 있다면 서술해주시면 좋아요.</li></ul><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> </strong><strong>미리캔버스 프론트엔드팀과 함께 하면 좋은 이유</strong></p><ul><li>코드 리뷰를 넘어서 다양한 기술에 대한 토론과 문제 해결을 경험하며 빠르게 성장할 수 있어요.</li><li>설계 리뷰를 통해 구현 전 단계에서 발생할 수 있는 문제를 사전에 방지하고, 체계적인 코드 리뷰 시스템을 운영하고 있어요.</li><li>빠르게 성장하는 서비스에서 다양한 기술 스펙과 요구사항을 경험하고, 수많은 어플리케이션이 유연하게 확장하는 경험을 함께 할 수 있어요.</li><li>최신 기술과 개발 방법론을 함께 학습하고, 필요하다면 직접 서비스에 적용하는 환경에서 일할 수 있어요.</li></ul></div></div><div style="margin-bottom: 40px;"><h2 style="font-size: 22px; margin-bottom: 16px; font-weight: bold; color: #333;">채용절차</h2><div style="color: #333;"><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 기타 사항</strong></p><ul><li><span style="color: rgb(0, 0, 0); background-color: rgb(255, 249, 219);"> [서류 전형] - [1차 인터뷰] - [처우 협의] - [입사]</span> <span style="color: rgb(0, 0, 0);"> 의 프로세스로 진행됩니다.</span></li><li class="ql-indent-1">서류는 원활한 검토를 위해 PDF 형식으로 제출 부탁 드립니다.</li><li class="ql-indent-1"><strong style="color: rgb(255, 153, 0);"> </strong><span style="color: rgb(33, 37, 41);">직무에 따라 코딩테스트, 과제 전형이 추가될 수 있습니다.</span></li><li class="ql-indent-1"><span style="color: rgb(0, 0, 0);"> 직급에 따라 인터뷰 후 레퍼런스 체크 전형이 추가될 수 있습니다. </span></li><li><span style="color: rgb(0, 0, 0);"> 입사 후 3개월의 수습 기간 및 수습 평가가 진행됩니다. (급여 100%)</span></li><li><strong style="color: rgb(255, 153, 0);"> </strong><span style="color: rgb(33, 37, 41);">서류 전형 결과 안내까지는 최대 2주, 인터뷰 결과 안내까지는 최대 3주가 소요됩니다.</span></li><li><span style="color: rgb(33, 33, 36);"> 여러 포지션에 동시에 지원해주시는 것은 가능하지만 동일한 포지션의 경우 최종 결과 안내를 받은 시점으로부터 6개월 후에 재지원이 가능합니다.</span></li></ul><p><br/></p><p><br/></p><p><strong style="color: rgb(255, 153, 0);"> |</strong> <strong style="color: rgb(33, 37, 41);"> 혜택 및 복지</strong></p><p><strong>미리디는 복지를 통해 나눔의 경영을 실천하고 있습니다</strong></p><p><br/></p><p>[자율과 책임의 근무 환경을 제공합니다.]</p><ul><li>자율적 출퇴근 제도 - 유연근무(1~3시간)</li><li>원격 근무 제도 (주 1~2회)</li><li>자유로운 휴가 사용</li><li>경조사 휴가 지원</li></ul><p><br/></p><p>[배움과 성장, 행복을 지원합니다.]</p><ul><li>업무 관련 비용 100% 지원</li><li>업무 도서, 온라인 강의 등 스터디 비용 지원</li><li>직원의 행복을 위한 행복개발비 지원</li><li>외부 교육, 기술 세미나 등을 적극 활용하여 성장을 돕습니다.</li></ul><p> </p><p>[열일하는 미리인을 위한! 삼시세끼 지원]</p><ul><li>아침 도시락 / 점심 포인트 지원</li><li>저녁 식사비 지원 (개인 스터디 또는 업무로 늦게 퇴근할 경우)</li><li>제휴 카페 포인트 지원</li></ul><p><br/></p><p>[미리인의 회사 적응과 단합을 지원합니다.]</p><ul><li>직급 없이 수평적인 문화 지향</li><li>3년 근속 시 리프레시 휴가</li><li>명절 상품권 지금 (설, 추석)</li><li>상시 이벤트 및 행사 지원</li></ul></div></div></div>