미리보기
기본 정보
1년차 웹 프론트엔드 엔지니어로, 사용자에게 좋은 유저 인터페이스와 경험을 느끼게 하는 것이 가장 큰 가치라고 생각하며, 사람들의 불편함을 해결하는 것을 좋아합니다.
기술 스택
TypeScript, nextjs, React Native, Electron, react-query
경력
주식회사메셔(MesherInc.)
Software Engineer | 개발팀
Jippi Pro PhotoBooth Manager
기간 : 2023.12 ~ 현재
요약 : Window에서 결제 및 사진의 편집이 가능한 데스크탑 어플리케이션을 설계하였으며 구현
역활 :
- nextjs로 웹 앱 구현
- 기기카드 결제기기, 프린터기, 리모콘, 지폐 판별기와 electron 연결과 관련된 기능 구현
- 데스크탑 아키텍쳐 설계 및 CI CD 구축
기술 스택 :
Typescript, Electron, Emotion
Jippi AI 사진사
기간 : 2023.09 ~ 현재
요약 : 어플리케이션에서 이미지를 받아와서 서버로 이미지를 받아와서 AI로 이미지를 수정하고 다시 유저들에게 보내는 어플리케이션을 개발 및 유지 보수
역활 : - 사용자 경험 및 마케팅을 위해 이벤트 수집 시스템 구축
- 웹뷰와 웹 프로덕트 아키텍처 설계 및 CI/CD 자동화
- 성능과 생산성을 높이기 위한 설계 및 리팩토링, 컨벤션 정립
- 개발 환경 및 기기에 따른 서버 및 config 분리
- 웹 앱을 어플리케이션처럼 보이기 위한 UX 수정 및 최적화
- Canvas를 이용하여 이미지 편집 및 갤러리 구현
기술 스택 :
Typescript, React Native, Next.js
Skipper
기간 : 2023.07 ~ 2023.09
요약 : 여러 블록체인에서 한 번에 브릿지를 하기 위한 제품의 프론트엔드를 설계 및 구현 및 유지 보수
역활 : - 브릿지와 브릿지간에 연결이 끊기지 않도록 Background에서 실행되도록 구현
- API DTO 설계
- 스키퍼 튜토리얼 안내 추가
기술 스택 :
Typescript, Next.js
Swalo
기간 : 2023.03 ~ 2023.07
요약 : 블록체인 스왑을 도와주는 AI 기반의 채팅형 블록체인 플렛폼의 프론트엔드를 구현 - 트렌젝션을 포함한 컴포넌트 개발
- 생산성을 위한 리팩토링
- 체인에 따라 지원하는 토큰과 액션 자동완성 기능 구현
매번 마켓에 추가되는 토큰 목록 업데이트를 자동화
기술 스택 :
Next.js
프로젝트
Jippi Pro PhotoBooth Manager
AboveTech
2023.12. ~ 2024.01.
Window에서 결제 및 사진의 편집이 가능한 데스크탑 어플리케이션을 설계 및 구현
- nextjs로 웹 앱 구현
- 기기(카드 결제기기, 프린터기, 리모콘, 지폐 판별기)와 electron 연결과 관련된 기능 구현
- 데스크탑 아키텍쳐 설계 및 CI & CD 구축
Jippi AI 사진사
AboveTech
2023.09. ~ 2024.01.
어플리케이션에서 이미지를 받아와서 서버로 이미지를 받아와서 AI로 이미지를 수정하고 다시 유저들에게 보내는 어플리케이션을 개발 및 유지보수
- 사용자 경험 및 마케팅을 위해 이벤트 수집 시스템 구축
- 웹뷰와 웹 프로덕트 아키텍처 설계 및 CI/CD 자동화
- 성능과 생산성을 높이기 위한 설계 및 리팩토링, 컨벤션 정립
- 개발 환경 및 기기에 따른 서버 및 config 분리
- 웹 앱을 어플리케이션처럼 보이기 위한 UX 수정 및 최적화
- Canvas를 이용하여 이미지 편집 및 갤러리 구현
Skipper
Mesher
2023.07. ~ 2023.09.
여러 블록체인에서 한 번에 브릿지를 하기 위한 제품의 프론트엔드를 설계 및 구현 및 유지보수
- 브릿지와 브릿지간에 연결이 끊기지 않도록 Background에서 실행되도록 구현
- API DTO 설계
- 스키퍼 튜토리얼 안내 추가
Swalo
Mesher
2023.03. ~ 2023.07.
블록체인 스왑을 도와주는 AI 기반의 채팅형 블록체인 플렛폼의 프론트엔드를 구현
- 트렌젝션을 포함한 컴포넌트 개발
- 생산성을 위한 리팩토링
- 체인에 따라 지원하는 토큰과 액션 자동완성 기능 구현
- 매번 마켓에 추가되는 토큰 목록 업데이트를 자동화
웹표준과 접근성을 도와주는 리액트 웨이
팀 프로젝트
2022.11. ~ 2023.05.
리액트에서 접근성을 놓치기 쉬운 컴포넌트들을 구현
노션 프리티어
개인 프로젝트
2022.12. ~ 진행 중
크롬 익스텐션 Notion에서 원하는 코드를 프리티어를 이용하여 정리하는 기능 구현
- Notion에서 원하는 코드를 프리티어를 이용하여 정리하는 기능 구현
- 단축키를 이용하여 노션에서 자주 쓰는 keyword 리스트 보는 팝업 페이지 추가
백준 애드온
개인 프로젝트
2022.10. ~ 진행 중
크롬 익스텐션 코딩 문제 풀이 정오만 볼 수 있는 사이트에서 문제 풀이를 직접 할 수 있도록 에디터를 사이트에 추가
- 코딩 문제 풀이 정오만 볼 수 있는 사이트에서 문제 풀이를 직접 할 수 있도록 에디터를 사이트에 추가
- 문제 채점을 빠르게 하기 위해, 자바스크립트 엔진을 이용하여 문제 채점을 구현
augmentedDevice
개인 프로젝트
2022.10. ~ 진행 중
웹 사이트를 상단에 고정하여 한 화면에 두 브라우저를 사용할 수 있도록 데스크탑 앱 제작
- 웹 사이트를 상단에 고정하여 한 화면에 두 브라우저를 사용할 수 있도록 데스크탑 앱 제작
- 이용하는 웹사이트의 색, 이용하는 상황에 따라 배경에 다크 모드, 창의 투명도 조절 기능 추가
교육
한양대학교
대학교(학사) | 기계공학과
2015.03. ~ 2019.08. | 졸업
자기소개
"실행력"
저는 실행력이 좋아서 회사에 입사하기 이전에 코드를 공유하거나 정리를 할 때 코드 정리를 하는데 시간이 걸리는 게 싫어서 노션 프리티어라는 익스텐션을 개발한 경험이 있습니다. 이전 회사에서는 새로운 프로젝트를 자주 시작해서 새로운 프로젝트 세팅을 자동화해주는 create-convention이라는 라이브러리를 만든 경험이 있습니다.
"크로스 플랫폼 경험"
이전 회사에서 Electron이나 react-native를 이용하여, 다른 프론트엔드 개발자는 웹뷰에 구현되는 화면을 그리고 어플리케이션 단은 제가 개발한 경험이 있습니다. 이 경험을 통하여 플랫폼에 맞추어 어플리케이션을 구현할 수 있습니다.
"오픈소스"
평소에 오픈 소스에 대한 관심이 많아서, 다른 개발자가 만든 오픈소스를 자주 읽기 때문에 타 개발자의 코드를 읽고 타 개발자의 코드를 사용하는 것이 능숙합니다