What I Do
- TypeScript는 JavaScript 환경에서 사용할 수 있는 가장 효율적인 Document 이자 Lint 라고 생각합니다.
- 함수형 컴포넌트와 Hooks 를 사용합니다. - 재사용성과 랜더링을 고려하여 컴포넌트를 설계합니다. - 대부분의 클래스 컴포넌트를 함수형 컴포넌트와 Hooks로 치환할 수 있습니다.
- ReactNative를 활용해 android/ios 앱을 제작할 수 있습니다.
- CRA 에서 SSR을 구현한 경험이 있고 Next.js 를 적극 활용합니다. - CSR, SSR, SSG, ISR 을 페이지별 상황에 맞게 설계합니다.
- Redux/Redux Saga 를 활용해 전역상태/ 전역 비동기 상태를 관리할수 있습니다. - SWR을 이용해 비동기 데이터를 관리할 수 있습니다.
- gql API를 이용해 서버에 원하는 정보를 요청할수 있습니다.
- React-Query를 이용해 비동기 데이터(Server)에 대한 상태 관리를 합니다. - Recoil를 이용해 전역(Client) 상태 관리를 합니다.
- emotion을 활용해 javascript로 css를 작성할 수 있습니다.
Featured Projects
Experience
크래프트테크놀로지
AI Studio (Qraft의 AI 기술을 통해 자산 운용에 필요한 여러가지 정보를 제공하는 서비스) - 포트폴리오 성과 진단 - 신규포트폴리오 생성 - Qraft Boom&Shock 리포트(AI 붐앤쇼크 지수는 크래프트 테크놀로지스의 고유. AI 모델로 자본시장에 나타나는 주요 지표들을 학습 후 향후 1주일 간의 시장 위험도를 예측하는 지수입니다.) - 포트폴리오 트랜잭션 관리(자산 추가/삭제 등 변동) - AI Signal(이처럼 섬세하게 구조화된 크래프트 인공지능 엔진 역시 금융 시장에서 미세하면서도 반복적으로 발생하는 시그널을 누구보다 빠르게 포착합니다.) 개발 내용 - 포트폴리오/ETF 성과 지표를 echarts.js 라이브러리를 활용해 시각화 (line, pie,bar,radar,candlestick,treemap, gauge 등) - 종목 검색을 통한 자산추가, csv import 및 ETF를 benchmark하여 자산을 추가하는 기능 개발 - 추가된 자산을 사용자의 입력을 통해 주식수/비중을 수정가능한 테이블 개발 - 포트폴리오 운영중 트랜잭션(자산 추가/삭제등 변동내역)을 기록하는 테이블 개발 - AI모델이 보낸 신호를 거래량 단위로 시각화하는 차트 개발(candlestick) 기술스택 - React, NextJS, Typescript - recoil, react-query - echarts - emotion - GraphQL, graphql-request, axios - storybook [Site Link] https://studio.qraft.ai/
니도컴퍼니
사내 어드민 (고객 문의 내용, 계약 내용, 사용자 관리, 서버 데이터 추가/수정을 관리하는 도구) 개발 내용 - 고객 문의 UI 개발 - 계약 내용 생성/수정 기능 개발 - 정산 처리 시스템 개발(납입 예정일 문자 발송) 쉐어니도 (쉐어 하우스 입주 서비스 제공) - 신규기능 개발/이슈 대응 최사장닷컴 (비상주 사무실 주소지 등록 서비스) - 신규기능 개발/이슈 대응 기술스택 - React, VueJS, Typescript, NextJS - swr - REST API - asw(s3, cloudFront, Route53) - Github Actions
주스
안녕도도 (영유아를 대상으로 홈러닝을 목표로 하는 음악교육 서비스) 개발내용 - facebook, google, apple 소셜 로그인 연동 - Storybook을 활용한 디자인 시스템 구축 - 미니게임 개발(Drag&Drop, Line Trace, Card match, 3-match 등) 기술스택 - React-Native, Typescript - RxJS - Storybook [Play Store] https://play.google.com/store/apps/details?id=kr.co.cisum.musictrolls [App Store] https://apps.apple.com/kr/app/%EC%95%88%EB%85%95%EB%8F%84%EB%8F%84/id1582721770
