미리보기

1. 모델 허브 웹사이트 개발 및 유지보수

1. VRIN 3D 서비스 클라이언트/어드민 웹사이트 개발 및 유지보수

2. RebuilderAI 자사 홈페이지 개발 및 유지보수

3. VRIN Space 웹사이트/3D 공간 에디터/3D 공간 뷰어 개발 및 유지보수

4. VRIN Premium 후가공 클라이언트/어드민 웹사이트 개발

5. Figma 3D 모델 에디터 플러그인 개발

6. 애플 비전 프로 웹 쇼핑몰 데모 개발

7. 자동차 3D 쇼룸 데모 개발

1. Lokalise QA를 위한 프로그램 개발

2. TMS(사내 업무 추적을 위한 업무 관리 시스템) 공지사항 및 가이드라인을 위한 게시판 구축

모레의 AI 모델 서비스를 제공하는 웹사이트 개발 (https://model-hub.moreh.io)

[주요업무]

Media Query를 이용하여 모바일/노트북/PC 반응형 웹 구현

Next Intl로 다국어 지원 (한글, 영어)

Auth.js로 구글 로그인 인증 구현

디자인 시스템 컴포넌트 개발 및 Storybook Chromatic 배포

백엔드의 의존성 해소 및 테스트를 위한 API Mocking(MSW) 적용

VRIN 3D 앱/웹 서비스 신규 기능 개발 및 운영 (https://vrin.co.kr)

[주요업무]

데이터 타입 에러 방지를 위해 JavaScript에서 TypeScript로 마이그레이션

Media Query를 이용하여 모바일/태블릿/노트북/PC 반응형 웹 구현

React Intl로 다국어 지원 (한글, 영어)

Webpack의 빌드 속도 한계를 개선하기 위해 Vite로 마이그레이션

axios Interceptor를 이용해 JWT 검증 및 갱신

페이지 로딩 속도 개선을 위해 code split, tree shaking, lazy loading 적용

서버 데이터의 캐싱, 동기화 및 업데이트 하는 작업을 쉽게 하기 위해 React Query 도입

디자인 시스템 컴포넌트 개발 및 Storybook Chromatic 배포

토스페이먼츠, Paypal 결제 모듈 연동

복잡도 증가에 따른 코드 품질 보증을 위해 Jest, Testing Library를 사용한 테스트 코드 작성

react-helmet, react-snap을 이용한 SEO 개선

리빌더에이아이 회사를 소개하는 홈페이지 개발 (https://rebuilderai.com)

[주요업무]

Media Query를 이용하여 모바일/태블릿/노트북/PC 반응형 웹 구현

React Intl로 다국어 지원 (한글, 영어)

Webpack의 빌드 속도 한계를 개선하기 위해 Vite로 마이그레이션

JavaScript 및 CSS로 애니메이션 효과 구현

3D 공간 편집 에디터 및 3D 공간 뷰어 서비스 개발 및 운영 (https://space.vrin.co.kr)

[주요업무]

Media Query를 이용하여 모바일/태블릿/노트북/PC 반응형 웹 구현\

React Intl로 다국어 지원 (한글, 영어)

SSO 로그인 인증 구현 (Kakao, Google, Apple)

Three.js, React Three Fiber/Drei/Cannon 등을 활용하여 3D 뷰어 개발

Recoil를 이용하여 전역 상태 관리

페이지 로딩 속도 개선을 위해 code split, tree shaking, lazy loading 적용

파일시스템 캐싱, esbuild-loader를 통한 빌드 속도 개선

3D 모델 후가공 웹사이트 개발

[주요업무]

페이지 로딩 속도 개선을 위해 code split, tree shaking, lazy loading 적용

파일시스템 캐싱, esbuild-loader를 통한 빌드 속도 개선

Slack으로 공지사항 및 가이드라인을 올리면 아카이브 및 재공지의 어려움이 있어 이를 해결하기 위해 TMS 내에 공지사항 및 가이드라인 등을 CRUD 및 아카이브 가능한 게시판 개발

[주요업무]

HTML, CSS, Material-UI를 사용한 UI 구현

React, Styled-Component를 활용하여 사용자 인터페이스 구현

백엔드 개발자와 협업하여 최적화된 GraphQL 쿼리 설계

번역가들이 Lokalise에 번역한 언어들과 실제 트릿지 웹 애플리케이션 코드 내에서 사용하고 있는 번역한 언어들을 비교 분석하기 위한 프로그램 개발

[주요업무]

React에 i18n 태그로 작성된 번역한 언어들을 JavaScript로 id, title, text, url 등을 추출해서 excel 파일을 생성하는 알고리즘 구현