안녕하세요! 워라밸보다 성장에 목마른 풀스택 개발자 김성훈입니다.

지난 1년간 스타트업 현업에서 팀 리더 / 개발 총괄 역할을 수행하며 밀도 높은 성장을 이뤘습니다. TypeScript 생태계 (Next.js / NestJS) 위주 개발로 기획에서 프로덕션까지 Zero to One을 만들어 낼 수 있는 역량을 갖추고 있습니다. 현재는 블록체인의 여러 개발 프로젝트에 참여하고 있으며, Monad 해커톤 입상을 통해 기술 응용력을 인정받았습니다.

 

워라밸보다 같이 문제를 해결하고 성취하며 팀의 성장에 즉시 기여할 준비가 되어있습니다.

기술 블로그

Stephen's 기술블로그| 개발 공부 및 튜토리얼

개발과 관련된 다양한 지식과 경험을 공유하는 블로그입니다.

https://www.stephen-dev.blog/

깃허브

chugue - Overview

40살에 개발을 처음 만나, 너무 재밌는 세상을 발견했습니다. 미친듯이 코딩하며, 사람들에게 유용한 서비스를 많이 만들겠습니다. - chugue

https://github.com/chugue

기본정보

수상내역

• WebSocket / Chainlink를 통한 오라클 서비스 구현
가격 업데이트, 배팅 제출, 결과 수신, 그리고 향후 채팅까지 가능한 서비스를 위해서는 SSE보다 Websocket이 적합하다고 판단. 데이터 수신은 push방식, 라운드 처리는 time-based로 처리, cron 스케줄러로 푸시된 캐시 데이터를 읽는 방식 채택 -> HTTP 오버헤드 제거

• 가스비 최적화
컨트렉트에서 기존 (require + string)으로 처리되는 예외처리를 Custom Error를 활용. 문자열 저장비용을 Selector(4바이트)만 저장하여 최소 4분의1 수준으로 가스비를 낮춤

포트폴리오

개인 프로젝트

[NextJS] 블로그 프로젝트

[NextJS] 블로그 프로젝트 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/2699c76c-6cb4-8057-be0e-cabcc25b00ef

해커톤 - Web3

Monder - Web3 OXgame Platform

Monder - Web3 OXgame Platform - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/2c89c76c-6cb4-8022-b109-fc552c1a35df

Tusk - Sui 네트워크 기반 채용 매칭 플랫폼

Tusk - Sui 네트워크 기반 채용 매칭 플랫폼 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/2c39c76c-6cb4-80f0-a79e-e935e2bed857

SquidMeme - Web3 게이밍 익스텐션 on MemeX

SquidMeme - Web3 게이밍 익스텐션 on MemeX - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/2c59c76c-6cb4-803e-95eb-f0fe5d659685

공부용 카피 프로젝트

[GSAP] GTA 랜딩 페이지 카피

[GSAP] GTA 랜딩 페이지 카피 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/2729c76c-6cb4-8049-a0a1-c7936738dc0c

팀 프로젝트

Ohflix - 스트리밍 영상 플랫폼

Ohflix - 스트리밍 영상 플랫폼 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/23f9c76c-6cb4-80d9-ae23-c76dcf454ef8

Grow - 휴먼 클라우드 플랫폼

Grow - 휴먼 클라우드 플랫폼 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/23f9c76c-6cb4-80e9-b6cf-dd4580c5899a

ROPA - 의류 판매 중개 플랫폼

ROPA - 의류 판매 중개 플랫폼 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/23f9c76c-6cb4-805d-b958-edd031f98f92

경력

코드팩토리

• Next.js를 배우기 위한 리액트 기본 강의 기획
• JSX, React Hooks, Context API

• Next.js Pages Router 강의 기획
• 사전렌더링과 SSR / SSG / ISR 차이 다이어그램으로 개념 전달
• MDX를 활용한 컨텐츠 관리

• Next.js App Router 강의 기획
• Tawilwind v4 마이그레이션과 활용법
• 앱라우터 방식에서의 렌더링 결정요소 분석 - 라우트 세그먼트 옵션, 동적함수, 데이터페칭 메소드
• Supabase를 활용한 인증관리와 faker.js를 활용한 데이터 seeding
• Tanstack Query 활용한 서버 상태관리 - useQuery, useMutation, Optimistic Update

• Canva를 활용한 프로그래밍 개념설명 유투브 기획
• HTTPS / TLS 1.2 RSA / TLS 1.3 ECDHE
HTTPS / TLS 1.2 RSA / TLS 1.3 ECDHE
#개발자 HTTP는 암호화가 안됐기 때문에 데이터가 평문으로 다 뚫립니다. 그래서 TLS 암호화를 갖다붙인게 HTTPS예요. TLS 1.2는 서버 개인키가 유출되면 과거 통신 내용까지 복호화돼버립니다. 그래서 TLS 1.3 써야돼요. ECDHE 기반 임시 키 교환을 해서 순방향 비밀성을 보장하기 때문에 과거 데이터를 보호 할 수 있고 Hand Shake 과정이 단순화됩니다. ⭐️ 코드팩토리 통합링크 (모든 강의 및 서적) ⭐️ https://links.codefactory.ai 👉 NestJS 마스터클래스 https://bit.ly/fcnestjs 👉 플러터 초급 https://inf.run/Sjuw 👉 플러터 중급 https://inf.run/hf1E 👉 Typescript 마스터 클래스 https://inf.run/3r8Jd 👉 플러터 서적 (3판) https://bit.ly/4gXg1li

https://youtu.be/0vcZ17XoPdM?si=a4EaOEMYp_naGEMs

다토스 주식회사

백엔드

• AI를 활용한 OCR 서비스 구현
#028 #OPENAI OCR 요금 분석
#028 #OPENAI OCR 요금 분석 - Stephen's 기술블로그

https://www.stephen-dev.blog/blog/1439c76c-6cb4-80c9-b458-d82015972084

• 기존 네이버 OCR 서비스를 OpenAI api로 대체 활용함으로서 성능을 유지하며, 비용구조를 90% 절약 하는 방법을 제안하고 기술 구현을 담당하였습니다.

• S3 presignedUrl을 활용한 스토리지 보안과 서버 최적 설계
• 서버에 이미지를 직접 전달하여 업로드 하는 방식이 서버 비용과 OCR요청 시에 같은 이미지를 다시 전송하면서 생기는 오버헤드를 줄여야 했습니다.
• presingnedUrl을 활용해서 서버를 통하지 않고 클라이언트가 비동기적으로 요청할 수 있게 함으로서, UX 향상 - 서버 최적화 - OCR 비용을 절감할 수 있었습니다.

• 프로젝트 NestJS 백엔드 및 클라우드 인프라를 처음 부터 끝까지 구축
• Nginx스크립트 작성, Let’s Encrypt를 활용해 SSL 보안 구축

• CustomDecorator를 활용한 Swagger 문서작업, 컨트롤러 단 코드 가독성 향상
• 컨트롤러 단에서 가독성이 떨어지는 swagger decorator를 custom decorator를 활용해 controller단의에서 가독성을 향상시켰습니다.
• 분리된 책임으로 각 성공 실패시 그리고 Get 요청시에 대한 응답코드를 더욱더 상세하게 다룰 수 있었고, 이로 인해 프론트와 협업 성과를 향상 시킬수 있었습니다.

• Chronium을 활용한 크롤링과 OKPOS 사장님 가게 데이터를 동기화 작업

• PostgreSQL을 활용한 DB구조 설계와 데이터 정규화, typeORM을 활용한 쿼리 설계

• Transaction 인터셉터를 커스텀 하게 구현하여, 가독성을 높이고 데이터 무결성유지

• Cache Interceptor 설계를 통한 인기항목 캐싱으로 서버 최적화와 UX향상

• AccessToken, RefreshToken JWT 보안 설계를 middlewawre 라이프 사이클에서 처리 → 보안성과 가독성 향상

프론트

• Flutter - HookConsumerWidget - RiverPod을 활용한 상태관리 구현

• Flutter - Feature Based Clean Architecture 적용 구현 - ViewModel / Data 레이어 구현 참여

• Figma - 매출 / 비용 도메인 부분 비즈니스 로직 기획 및 와이어 프레임 작업

부산갈매기 ( 다토스 고용승계 )

셀럽카드 프로젝트 - 외주개발

인플루언서와 소상공인 사장님의 홍보 마케팅 중개 플랫폼

• 셀럽카드 랜딩페이지 WEB
• Vue3를 이용한 셀럽카드 홍보 페이지 제작
셀럽카드
인플루언서와 소상공인이 함께 성장하는 플랫폼, 셀럽카드

https://www.celebcard.co.kr/
• Nginx 스크립트 활용한 포트포워딩과 SSL/TLS 보안 도메인 적용
• Deploy.sh 스크립트를 활용한 원클릭 배포 (기존 재배포 시간 5분 이내로 절감)
• Quasar 프레임워크를 활용한 반응형 설계

• 셀럽카드 관리자 WEB
• Vue3를 활용한 [ 셀럽 활동관리 / 셀럽 승인관리 / 사장님 정보 관리 ] 도메인 구현
• Pinia를 활용한 프론트 프로젝트 상태관리 설계
• NestJS를 활용한 [ 셀럽 활동관리 / 셀럽 승인관리 / 사장님 정보 관리 ] 도메인 api 구현
• Passport 파이프 라인을 활용한 JWT - AuthGuard 구현

• 셀럽카드 APP - 셀럽용 / 사장님용
• Google Map을 활용한 가게 Marker지도표시 개선 - debounce, caching으로 UX 및 서버 최적화
• Riverpod을 활용한 View 내부 통신로직 분리, 가독성 향상 및 상태관리 최적화
• 상점 메타데이터와 캐싱개념을 로직화하여 지도화면을 움직일 때마다 발생한 호출 비용 1/10로 절감
• Firebase 푸시 알람 유지보수 ( 클릭하여 원하는 페이지로 이동 )
• NestJS를 활용한 [ 셀럽방문신청 / 후기 ] 도메인 api 구현과 swagger 문서작업
• 이미지 CRUD를 위한 서버 분리 구축 - S3 연동
• AWS S3 연동 - 버킷 정책 관리를 통한 [ GET / INSERT, UPDATE, DELETE ] 접근 및 권한 제어
• MongoDB 데이터 베이스 활용 경험
 

키스타트 부산 창업자들을 위한 창업지원 플랫폼

• Vue3 프로젝트 랜딩페이지 UI 개선 유지 보수

• Vue3 관리자 페이지 게시판 에디터 구현
• 사용자가 글 사진과 글 업로드 시 UX를 향상 시키기 위해 에디터 사진 드래그 드랍 이벤트 발생시 즉시 임시폴더 업로드

• NestJS / MongoDB / AWS-EC2를 활용한 데이터 서빙과 배포 구현

슈잉 부산 핫 플레이스 랭킹 플랫폼

• 인스타그램 해시태그를 분석하여 부산 지역 핫플레이스 랭킹 제공
• Meta측 정식 api허가 요청을 위한 영문 문서/ 영상작업과 커뮤니케이션 담당

학력

대외활동