미리보기
기본 정보
비즈니스 성장에 기여하는 일을 좋아하고 기획자와 디자이너 및 타 개발자와 소통하는 프론트엔드의 역할을 이해하고있습니다. 이를 위해 기획자, 디자이너와 협업하여 풀스택 개발과 배포 운영까지 진행한 ‘zero to one’의 경험이 있습니다. 사용자 경험을 중요하게 생각해 번들과 SEO등 다양한 성능 최적화 방법을 진행하였고, AWS Cloudfront(cdn) & Lambda@edge를 사용해 로컬 서버 외의 리소스로 페이지 랜딩시간을 70%이상 단축한 경험이있습니다. 비효율적인 업무 프로세스를 개선하는 것을 좋아합니다. 사내 공통 style을 css 모듈로 package 배포 및 다국어 프로세스를 자동화해 팀내 업무환경을 개선하였고 이를 통해 불필요한 업무 단계를 30%이상 단축하였습니다.
기술 스택
Next.js, React, JavaScript, TypeScript, Node.js, Webpack, Git
경력
니즈로봇주식회사
주임연구원 | 연구개발팀 | 재직 중
2024.09. ~ 재직 중 (6개월)
신규 프로젝트 기획 및 개발
소개
내용 : 자체 개발 식물재배기를 통해 실시간 딸기 이미지와 환경 데이터, Ai를 통한 추론 데이터를 취득하여 웹 애플리케이션으로 사용자에게 제공
인원 : 4명 _하드웨어1, 소프트웨어2(외부 AI 개발자 1), 3D 디자이너1
소프트웨어 환경 : Next.js, TypeScript, MongoDB, Python(외부 AI 개발자)
개발 내용
개발 환경 구축 : DB 설계, 대용량 이미지 관리를 위한 별도 서버 관리(이미지 업로드 및 제공 등)
자동 업데이트 환경 구현 : 새로운 이미지 취득 시 DB 자동 업데이트 및 sse를 통한 실시간 UI 반영
프로젝트 전체 UI 및 기능 구현(70% 진행)
기존 애플리케이션 유지 보수
모바일 애플리케이션 : React-native 신규 개발 및 배포
웹 애플리케이션 : React 코드 수정 및 재배포
서버 pc 관리
Nginx를 통한 프로젝트 port별 관리
코매퍼
주임 | 솔루션 개발2팀
2023.02. ~ 2024.04. (1년 3개월)
파일 분류 애플리케이션 v2.0 개발 (23.09 - 24.04)
기획자, 디자이너와 협업하여 애플리케이션 초기 기획, 개발 및 배포
react-window, react.memo, 이미지 리사이징 등을 통한 성능 최적화
Webpack과 electron-builder를 통한 빌드 최적화 및 자동 업데이트 기능 구현
글로벌 진출을 목표로 다국어 및 국외 지도 지원 (Openlayers -> Google Maps 전환)
사내 자동화 시스템 구축 (23.09 - 23.10)
i18n 다국어 프로세스 자동화로 DX 및 검수자와의 협업 환경 개선
디자인 시스템 css 모듈화 및 Github package 배포로 style 불일치 해소와 반복 업무 최소화
파일 분류 애플리케이션 신규 개발 (23.06 - 23.08)
프로젝트 초기 기획 단계부터 참여 및 와이어프레임 설계
프로토타입 개발하여 건설사 POC 통과
어드민 페이지 개발 및 배포 (23.02 - 23.05)
Node.js & PostgreSQL 활용하여 JWT 인증 시스템 구축
스켈레톤 UI 및 메타테그 활용으로 UX 및 SEO 개선 82 -> 100점
Github action & AWS s3, cloudfront를 통한 CI & CD
어패럴테크(주)
주임 | 회계팀
2019.03. ~ 2022.02. (3년)
자금계획서 및 매출 마감 자료 자동화 시스템 고안하여 업무시간 20%이상 단축,
해외 바이어 별 일일 입금, 송금 weekly 마감 등 타 부서와의 지속적인 협업
(상세 내용) 계정과목별 월 마감, 매출&매입 일 마감, 월 마감 및 입금,송금(EDI 사용),
일일 자금 일보 작성 , 각종 전표입력 등
프로젝트
NFT Sea
개인
2024.04. ~ 2024.08.
기획 의도 및 프로젝트 소개
기획 의도 : NFT를 모르는 사용자도 쉽게 민팅하고 거래 가능한 서비스 제공
기술 스택 : Solidity, Web3.js, TypeScript, React, React-query,
AWS(s3, cloudfront, lambda@edge)포트폴리오 URL : notion 링크
배포 URL : https://dztwi6z9vov5x.cloudfront.net
사용자 피드백을 통한 유저 경험 개선
문제 : 초기 랜딩 속도 이슈로 사용자 이탈률이 높음
원인 : 썸네일에 원본 이미지를 불러오는 리소스 & IPFS 속도 이슈
해결 방법 : AWS s3에 이미지 저장 및 lambda@edge로 query에 따라 자동으로
이미지를 리사이징하고 cloudfront로 요청한 url을 캐싱해 메인페이지 Resource 70% Load 시간 60% 이상 개선
이더리움 테스트넷 환경에서 서명을 통한 트랜잭션 처리 구현
문제 : hardhat에서 sepolia로 네트워크를 변경하니 DApp과 스마트 컨트랙트의 통신 문제 발생
원인 : 이더리움 네트워크와 연결해주는 Infura API에서 특정 메서드를 지원하지 않음
해결 방법 : 트랜잭션 처리와 관련 된 Infura, ether.js, docs와 git이슈를 참조해 트랜잭션을 처리하는 방법을 구현하여 문제 해결 및 네트워크 변경 시 유지 보수를 위해 별도 Layer로 관리하였습니다.
포트폴리오
교육
스파르타코딩클럽
사설 교육 | 프론트엔드
2022.07. ~ 2022.11. | 졸업
강남대학교
대학교(학사) | 응용수학과 / 세무학과
2011.03. ~ 2019.02. | 졸업
대외활동
모던 리액트 Deep Dive 스터디
기타
2024.11 ~ 진행중
리액트의 핵심 개념과 동작 원리를 이해하고 코드에 적용하기 위한 스터디입니다.
에게해 스터디
7인의 개발자 모임
2022.07 ~ 2022.08
발표와 독후감 작성을 통해 CS지식을 학습할 수 있는 스터디를 만들어 리딩하였습니다.