기본기가 탄탄한 개발자는 항상 가파른 러닝 커브를 거듭할 것이라고 자신합니다. 그래서 항상 기본기에 중점을 두고 공부하며, JS와 CS 지식을 공식 문서와 책, 강의를 통해 학습하고 노션 등을 활용해 체계적으로 정리하는 것을 즐깁니다.또한, 정형화 된 코드가 무조건적인 정답이라고 생각하지 않습니다. 그렇기 때문에 오픈 소스와 GitHub에서 다른 개발자들의 코드를 탐구하고 이해하여 저만의 코드로 풀어나가고자 노력합니다.항상 성장과 학습에 열정을 가지고 있습니다. 지식을 습득하는 것을 바탕으로 코드를 개선해나가는 것을 즐기며, 개발자로서의 전문성과 효율성을 높이기 위해 노력하고 있습니다.
Skill
Front-End
JavaScript, React, Next js, TypeScript, HTML/CSS
주로 React를 사용하여 웹을 만듭니다. 재사용 로직을 분리하기 위해 custom Hooks를 자유롭게 활용합니다. 다양한 디자인 패턴에 대해 관심이 있으며, 아토믹 디자인 패턴, 컴파운드 컴포넌트 패턴 등을 사용합니다.
Suspense, Error Boundary, React query 등 최신 리액트 관련 기술에 관심이 많으며, 꾸준히 스터디를 하며 적절히 활용하기 위해 노력합니다.
비동기 처리에 대한 이해를 바탕으로 promise, async/await 함수를 사용하여 문제 해결을 하고, JS의 자료형, 메서드, 함수 등을 적절히 사용할 수 있습니다.
Back-End
Node.js
Node.js를 활용하여 기본적인 3계층 구조를 설계할 수 있고, api 구축이 가능합니다.
Database
MongoDB
MongoDB를 활용하여 NoSql database를 구축할 수 있습니다.
Work Experience
퀀터스 테크놀로지스
Front-End Developer2023.08 ~ Description
퀀트 투자 퀀터스의 웹 사이트 유지보수와 리팩토링을 진행하였고, 퀀트 실전 투자 앱인 퀀터스 프라임을 설계하고 출시하였습니다.
What did I do
기존 퀀터스의 컴포넌트들은 디자인적으로 공통된 부분이 많아, 아토믹 디자인 패턴을 적용하여 재사용성이 높은 컴포넌트를 구축함으로써 개발 효율성을 향상시켰습니다. (코드량 50% 이상 감소)
axios와 fetch를 사용하던 기존 코드에서 react query와 react suspense를 도입하여, 비동기 데이터 관리를 단순화하고 데이터 캐싱을 통해 네트워크 요청을 최적화하였습니다. (불필요 네트워크 요청 60% 이상 감소)
Next.js와 웹뷰 기술을 활용하여 퀀터스 프라임 앱을 개발하고 출시하였습니다. SSR을 적용하여 퀀트 전략 데이터 처리 속도를 개선, 사용자 경험을 향상시키는 동시에 초기 로딩 시간을 단축시켰습니다. (기존 load 시간 700ms에서 300ms 대로 감소)