🙋🏻‍♂️ About Me

Introduction

안녕하세요! 2년차 프론트엔드 개발자 OOO입니다.

주로 React와 Typescript를 사용하여 인앱 웹뷰, 웹앱을 주력으로 개발해왔습니다.

• 스타트업에서의 업무를 경험하면서 프로덕트의 오너십을 가지고 주도적인 의견을 내는 것을 지향하며, 문제를 해결할 때 유저의 입장에서 생각하려고 노력합니다.
• 유지 보수성, 확장성이 좋은 코드란 무엇인가에 대한 고민을 즐깁니다.
• 현재 속해있는 환경에서 개선할 수 있는 것이 무엇인지 찾고 해결하는 것을 좋아합니다.
• 상대방의 입장과 생각을 고려하면서, 효과적인 커뮤니케이션을 하려 노력합니다.

Contact

• Email | ******@gmail.com
• Phone | 010--
• Github | https://github.com/

🔧 Skills

Frontend

• HTML5, CSS3(SCSS), JS(ES6)
• Typescript
• React
• Redux (React-redux, Redux-toolkit), Recoil, MobX
• Jest, react-testing-library
• Webpack, babel

Backend

• Node.js, Express
• MongoDB, Mongoose
• Firebase

🏃 Work Experience

OOOOO

프론트엔드 엔지니어 2022.09 - 재직중

OOOOO는 뷰티 업종을 대상으로 한 고객관리 SaaS 플랫폼을 운영하는 스타트업입니다.

[주요 업무]

• 서비스의 다양한 하이브리드 인앱 웹뷰, PC 환경 웹앱에서 신규 기능 개발 및 유지보수, 이슈 대응
• 사내 시스템 어드민 페이지 및 디자이너 생산성 증가를 위한 컨텐츠 에디터 개발 및 유지보수
• 웹뷰, PC 웹앱의 UX 및 성능 개선
• 레거시 코드와 시스템에서 개발환경에 병목이 되는 이슈를 수정하여 DX 향상
• 모노레포 전 패키지 24개 언어 i18n 대응 및 다국어 작업 프로세스 개선

아래는 업무 과정에서 이슈를 파악하고 개선을 주도하여 서비스에 크게 기여한 과정을 기술하였습니다.

토글을 펼치면 자세한 이슈 해결 과정을 보실 수 있습니다.

• Yarn berry PnP를 도입하여 프론트엔드 팀 개발 생산성 및 모노레포 안정성 증가
• 레거시 타입스크립트 설정 개선 및 Sentry 도입하여 제품 안정성 증가
• 공용 코어 라이브러리의 트리쉐이킹 이슈를 해결하여 인앱 웹뷰 번들 사이즈를 최대 65% 감소
• 인앱 웹뷰와 네이티브간의 UI, UX 차이를 개선

🏃 Projects

dail

2022.05 - 2022.09

• Demo
  • Test Account
• Github

1인으로 진행한 일정 관리, 일기, 할일 기록 웹 어플리케이션입니다.

주요 기술

• React
  • 다이나믹 UI의 SPA 웹페이지를 만들기 위해 사용하였습니다.
  • 유지보수성을 생각하여 커스텀 훅을 이용해 비즈니스 로직을 추상화하고 View와 분리하였습니다.
  • 무의미한 API콜 방지, 리렌더링 최적화를 위해 적재적소에 Memoization 기법을 사용하여 적용 전 대비 render duration을 30% 감소시켰습니다.
• Recoil
  • 간단한 사용법과 낮은 러닝커브로 미니프로젝트에서 Redux보다 더욱 간단하게 전역 상태를 관리할 수 있고 유지보수가 쉽다고 생각하여 사용하였습니다.
• Typescript
  • 컴파일 환경에서의 에러 캐치로 인해 코드의 가독성 증가하고 디버깅을 쉽게 하여 개발 생산성이 증가되는 장점이 있어 사용하였습니다.
• Firebase
  • 인증, 호스팅 기능과 NoSQL Firestore의 강력하고 쓰기 쉬운 DB를 위해 사용하였습니다.

• 배운 점

📃 Education

엘리스 SW트랙 2기

2022.04 ~ 2022.07

• (주)엘리스 에서 진행한 프론트엔드 개발자 양성 교육
  • 4개월 간 교육
  • 2회의 팀 프로젝트를 통한 협업 경험

👣 Other Work Experience