미리보기
기본 정보

안녕하세요. 4년차 프론트엔드 개발자 원동주입니다. React, AWS, Github을 이용하여 프로젝트를 설계부터 배포, 운영까지 해온 경험을 가지고 있습니다. 개발 프로세스와 개발 문화에 관심이 많아 고민하고, 개선할 수 있도록 노력하고 있습니다.
기술 스택
JavaScript, HTML/CSS, React, TypeScript, Babel, Webpack, vitejs, Jest, Git, GitHub, AWS
경력
주식회사모레
사원 | ML서비스팀 | 재직 중
2024.09. ~ 재직 중 (6개월)
1. 모델 허브 웹사이트 개발 및 유지보수
주식회사리빌더에이아이(RebuilderaiInc.)
사원 | 서비스개발팀
2022.04. ~ 2024.09. (2년 6개월)
VRIN 3D 서비스 클라이언트/어드민 웹사이트 개발 및 유지보수
RebuilderAI 자사 홈페이지 개발 및 유지보수
VRIN Space 웹사이트/3D 공간 에디터/3D 공간 뷰어 개발 및 유지보수
VRIN Premium 후가공 클라이언트/어드민 웹사이트 개발
Figma 3D 모델 에디터 플러그인 개발
애플 비전 프로 웹 쇼핑몰 데모 개발
자동차 3D 쇼룸 데모 개발
주식회사트릿지
사원 | SW개발팀
2021.11. ~ 2022.02. (4개월)
Lokalise QA를 위한 프로그램 개발
TMS(사내 업무 추적을 위한 업무 관리 시스템) 공지사항 및 가이드라인을 위한 게시판 구축
프로젝트
모레의 AI 모델 서비스를 제공하는 웹사이트 개발
주식회사모레
2024.09. ~ 진행 중
모레의 AI 모델 서비스를 제공하는 웹사이트 개발 (https://model-hub.moreh.io)
[주요업무]
Tailwind CSS로 이용하여 반응형 디자인, 라이트/다크 모드, 디자인 시스템 구현
Next Intl로 다국어 지원 (한글, 영어)
Auth.js로 구글 로그인 인증 구현
VRIN 3D 클라이언트/어드민 웹사이트 개발 및 유지보수
리빌더에이아이
2022.04. ~ 2024.09.
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 개선
리빌더에이아이 웹사이트 개발 및 유지보수
리빌더에이아이
2022.04. ~ 2024.09.
리빌더에이아이 회사를 소개하는 홈페이지 개발 (https://rebuilderai.com)
[주요업무]
Media Query를 이용하여 모바일/태블릿/노트북/PC 반응형 웹 구현
React Intl로 다국어 지원 (한글, 영어)
Webpack의 빌드 속도 한계를 개선하기 위해 Vite로 마이그레이션
JavaScript 및 CSS로 애니메이션 효과 구현
VRIN Space 웹사이트/에디터/뷰어 개발 및 유지보수
리빌더에이아이
2022.04. ~ 2024.09.
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를 통한 빌드 속도 개선
VRIN Premium 후가공 클라이언트/어드민 웹사이트 개발
리빌더에이아이
2022.06. ~ 2022.10.
3D 모델 후가공 웹사이트 개발
[주요업무]
페이지 로딩 속도 개선을 위해 code split, tree shaking, lazy loading 적용
파일시스템 캐싱, esbuild-loader를 통한 빌드 속도 개선
TMS(사내 업무 추적을 위한 업무 관리 시스템) 공지사항 및 가이드라인을 위한 게시판 개발
트릿지
2022.01. ~ 2022.02.
Slack으로 공지사항 및 가이드라인을 올리면 아카이브 및 재공지의 어려움이 있어 이를 해결하기 위해 TMS 내에 공지사항 및 가이드라인 등을 CRUD 및 아카이브 가능한 게시판 개발
[주요업무]
HTML, CSS, Material-UI를 사용한 UI 구현
React, Styled-Component를 활용하여 사용자 인터페이스 구현
백엔드 개발자와 협업하여 최적화된 GraphQL 쿼리 설계
Lokalise QA를 위한 프로그램 개발
트릿지
2021.11. ~ 2021.12.
번역가들이 Lokalise에 번역한 언어들과 실제 트릿지 웹 애플리케이션 코드 내에서 사용하고 있는 번역한 언어들을 비교 분석하기 위한 프로그램 개발
[주요업무]
React에 i18n 태그로 작성된 번역한 언어들을 JavaScript로 id, title, text, url 등을 추출해서 excel 파일을 생성하는 알고리즘 구현
포트폴리오
교육
동국대학교
대학교(학사) | 컴퓨터공학과
2013.03. ~ 2021.08. | 졸업
자격증
정보처리기사
기사 | 한국산업인력공단
2019.11.
외국어
영어
일상 회화 가능
자기소개
Talk is cheap. Show me the code. ― Linus Torvalds