4년 차 프론트엔드 개발자 · 임성호

AI 서비스의 복잡함을,
사용하기 쉬운 화면으로.

Next.js와 TypeScript로 RAG 멀티턴 서비스를 만듭니다.

스트리밍·SSE·WebSocket으로 실시간 응답을 전달하고, 끊기지 않는 화면까지 직접 책임집니다.

프로젝트 보기 이력서 보기

제가 만든 스트리밍 UI를 그대로 재현한 예시입니다

기록물 AI 질의응답예시 데이터

1970년대 서울 도시계획 관련 기록을 정리해줘

질문에 대한 답변이 스트리밍으로 표시되고, 완료 후 참고 기록물이 나타나는 예시입니다.

대기직접 실험해보기

01 / SELECTED WORK

경험으로 증명하는 개발.

어떤 기술을 썼는지, 그 너머의 이야기.
문제를 정의하고 해결해 온 과정을 담았습니다.

NATIONAL ARCHIVESUI CONCEPT
기록 속에서 답을 찾다
맥락을 이해하는 기록 검색

질문에서 다음 질문으로,
끊김 없이 이어지는 대화.

참고 기록물
RETRIEVE. CONNECT. ANSWER.↗
01 / FEATURED PROJECT2025.09 — 2026.09

RAG · MULTI-TURN · STREAMING

국가기록원 생성형 AI

기록을 찾는 검색에서, 맥락을 이어가는 대화로. 국가기록원 기록물 기반 RAG 검색·질의응답 서비스의 프론트엔드를 개발했습니다.

스트리밍 응답부터 안전한 렌더링, 독립 배포까지

Next.jsTypeScriptReactRedux ToolkitTanStack QueryVitestGitLab CI/CD
프로젝트 이야기 — 국가기록원 생성형 AI
SAMSUNG E&A / CUBE 2.0DEPLOYMENT
DEPLOYMENT TIME50%+

기존 대비 배포 시간 단축

BUILD DOCKER DEPLOY
LESS FRICTION. BETTER DELIVERY.↗
03 / CASE STUDY2025.04 — 2025.07

ENTERPRISE SEARCH · DELIVERY

삼성 E&A · CUBE 2.0

검색 화면부터 배포 과정까지 일관되게. 사내 임직원용 검색 서비스의 타입·상태 관리 구조를 개선하고 배포 전 과정을 자동화했습니다.

배포 시간 50% 이상 단축

TypeScriptVue.jsPiniaDocker Compose
프로젝트 이야기 — 삼성 E&A · CUBE 2.0

그 밖의 경험

MORE WORK / 04
04제주 한라대학교 AI 플랫폼AI 강의 생성과 자료 업로드·검색을 지원하는 교육 플랫폼2026.01 — 2026.03

프론트엔드 선임

  • Konva.js 기반 강의 슬라이드 생성·편집 기능 구현
  • Vitest 테스트 코드 도입으로 안정성과 유지보수성 개선
  • GitHub Actions 기반 Docker 이미지 빌드·AWS EC2 자동 배포
TypeScriptNext.jsKonva.jsVitestGitHub ActionsDockerAWS EC2
05CPaaS 플랫폼Vue.js·AWS 기반 클라우드 통신 플랫폼2023.09 — 2024.04

프론트엔드 선임

  • S3·CloudFront 기반 글로벌 배포 및 서버리스 API 통신 연동
  • FileReader·Blob·FormData를 활용한 이미지 처리·데이터 변환 로직 구현
  • 이미지 업로드 UX 개선 및 예외 처리
Vue.jsAWS S3CloudFrontAPI GatewayLambdaEC2
06AI 검색 엔진 · Search StudioVue.js 기반 AI 검색 엔진 솔루션2023.02 — 2023.08

프론트엔드 선임

  • 키워드 자동완성 기능 개발
  • Debounce 적용으로 API 호출 횟수 50% 절감
  • Highcharts 기반 실시간 차트 구현
Vue.jsHighcharts
07챗봇 솔루션 운영·유지보수컨테이너 배포와 부하 테스트를 통한 운영 안정성 개선 · 사업 양수도 이후에도 이어서 담당2022.10 — 2026.01

백엔드 선임

  • Java 솔루션 Docker 패키징 및 이중화 리눅스 서버 배포·운영 자동화
  • JMeter 기반 대규모 부하 테스트 시나리오 설계 및 실행
  • WebSocket 연결 미종료로 인한 메모리 누수 진단·연결 관리 및 자원 해제 개선
JavaSpringDockerJMeter

02 / EXPERIENCE

만들고, 운영하며
쌓아온 경험.

서비스를 출시하는 순간부터
안정적으로 운영하는 과정까지.

2022 — PRESENT
2024.04 — 현재재직 중

다이퀘스트

프론트엔드 선임

솔트룩스이노베이션 사업 양수도로 소속 전환

검색과 생성형 AI 서비스를 중심으로 프론트엔드부터 실시간 알림, 배포 환경까지 개발합니다.

국가기록원 RAG 검색·질의응답제주 한라대학교 AI 플랫폼삼성 E&A 검색 서비스GenWave챗봇 솔루션 운영(이관)
2022.09 — 2024.04

솔트룩스이노베이션

선임 · 프론트엔드 / 백엔드

2024.04 사업 양수도로 다이퀘스트에 합류

CPaaS·AI 검색 플랫폼의 프론트엔드 개발과 챗봇 솔루션 운영·유지보수를 경험했습니다.

CPaaS 플랫폼AI 검색 엔진 솔루션챗봇 솔루션 유지보수

03 / HOW I WORK

화면을 넘어,
서비스 전체를 생각합니다.

실시간 데이터가 화면에 닿는 순간부터, 안정적으로 배포되는 순간까지. 사용자에게 보이는 경험과 그 경험을 지탱하는 구조를 함께 고민합니다.

새로운 기술은 실제 문제를 해결할 때 의미가 있다고 믿습니다. 업무에서 얻은 질문을 바탕으로 배우고, 적용하고, 개선합니다.

코드와 학습 기록 (GitHub, 새 탭)
01

Interface

복잡한 서비스 흐름을 명확한 화면으로 구현합니다.

TypeScriptReactNext.jsVue.jsRedux ToolkitPinia

RAG 멀티턴 대화 · 검색 서비스 · 캔버스 편집기

02

Realtime

데이터가 도착하는 순간을 사용자 경험에 연결합니다.

ReadableStreamSSEWebSocketNode.jsRedis

AI 응답 스트리밍 · 콘텐츠 생성 완료 알림

03

Delivery & Quality

테스트부터 배포, 운영까지 완성도를 높입니다.

DockerNginxGitLab CI/CDGitHub ActionsAWSVitestJMeter

앱별 독립 배포 · XSS 검증 · 부하 테스트

계속 배우는 중
방송통신대학교 컴퓨터과학2025.03 — 재학 중
단국대학교 기계공학2014.03 — 2021.08 · 졸업
정보처리기사2024.06 · 취득

04 / LET’S CONNECT

함께 풀어갈 문제를
기다립니다.

새로운 기회나 기술에 관한 대화, 편하게 연락 주세요.

EMAILseongholim12@gmail.comGITHUBseongho-lim15새 탭에서 열기