profile

프론트엔드 엔지니어@Jenti AI

안녕하세요, 저는 Jenti logo주식회사 젠티 에서 프론트엔드 엔지니어로 함께하고 있습니다.

"왜 이렇게 동작하는지"를 끝까지 파고드는 것을 좋아하는 개발자입니다. React를 사용하여 단순히 요구사항들을 구현하는 것에 그치지 않고 기술의 동작 원리를 이해하며 효율적이고 유지보수가 쉬운 좋은 코드를 지향합니다. 또한 UX를 중요시 여기는 개발자로 웹서비스의 성능 그리고 다양한 모션&인터랙션 요구사항들에 언제나 열려있는 자세로 일하고 있습니다.

기술 블로그

개발 지식과 경험을 공유하는 블로그입니다.

기술 블로그

3D 계산기

Three.js를 활용한 인터랙티브 3D 계산기입니다.

프론트엔드 엔지니어

Jenti AIJenti AI

2025.03 - 현재

업무 요약

LLM 기반 문서 처리·검증 제품의 프론트엔드 UI/UX와 스트리밍 데이터 처리 흐름을 담당했습니다. SSE/ReadableStream 기반 실시간 응답과 렌더링 성능 최적화를 통해 대용량 데이터를 안정적으로 다뤘습니다.

기술 스택

Next.jsTypeScriptTailwind CSSSWRZustandTanStack QueryFramer MotionSSE
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

DQCS - 플랜트 설계 검증 시스템

설계 규칙 문서를 학습한 AI 기반 검증 시스템의 클라이언트를 구축하고, SSE로 들어오는 규칙 추출 데이터를 누적·표시했습니다.

프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

기업용 AI 플랫폼

LLM 기반 문서 검색·번역 및 협업 기능이 포함된 플랫폼에서 스트리밍 응답과 인터랙션을 구현했습니다.

프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

DocSeek

회계 기준 문서를 대상으로 한 LLM 의미 검색 시스템에서 스트리밍 응답 UI와 인터랙션을 개선했습니다.

프론트엔드 개발자

세마리토끼컴퍼니세마리토끼컴퍼니

2024.06 - 2025.03

업무 요약

유형 분석 테스트형 콘텐츠의 프론트엔드 개발과 유지보수를 맡고, 이미지 리소스가 많은 화면의 성능과 인터랙션 품질을 개선했습니다.

기술 스택

JavaScriptCSSHTMLMatter.jsFigma
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

유형 분석 테스트형 콘텐츠

질문/결과 흐름에 맞춘 UI와 상태 전환을 구현해 사용자 몰입도를 높였습니다.

프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

이미지 리소스 최적화

이미지 비중이 높은 페이지에 프리로딩과 렌더링 최적화를 적용했습니다.

프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

Matter.js '수박 게임' 콘텐츠

물리 엔진 기반 오브젝트 충돌과 모션을 구현한 게임형 콘텐츠를 제작했습니다.

프론트엔드 인턴

세마리토끼컴퍼니세마리토끼컴퍼니

2024.01 - 2024.06

업무 요약

디지털 인터랙티브 콘텐츠 제작을 지원하며, JavaScript와 CSS 기반 화면 구현과 협업 커뮤니케이션 정리를 담당했습니다.

기술 스택

JavaScriptCSSHTMLFigmaGit
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

인터랙티브 콘텐츠 페이지 지원

디지털 콘텐츠용 페이지의 레이아웃과 인터랙션을 구현해 제작 작업을 보조했습니다.

프로젝트 이미지
프로젝트 이미지
프로젝트 이미지
프로젝트 이미지

협업 작업 정리

기획, 디자인, 개발 간 커뮤니케이션 내용을 정리해 작업 우선순위와 변경 사항을 명확히 했습니다.

컴퓨터공학부 학사

2022.03 - 2025.02 (편입 - 졸업)

프로그래머스 데브코스

2023.06 - 2023.12 (수료)

드론응용전공 학사

2018.03 - 2020.02 (수료)