오기선

안녕하세요, 프론트엔드 개발자 오기선입니다.
기술은 끊임없이 변화하지만, 그 중심에는 언제나 사용자가 있다고 생각합니다. 저는 AI와 블록체인 같은 최신 기술에 관심을 갖고 학습하며, 이를 실제 프로젝트(블록체인 기반 부동산 앱, AI 일본어 회화 앱)에 적용해보면서 경험을 쌓아가고 있습니다.
현재는 Next.js의 앱 라우터와 페이지 라우터를 학습하며, 이를 활용한 프로젝트를 진행하고 있습니다. 변화하는 환경 속에서도 본질을 놓치지 않고, 사용자에게 더 나은 경험을 제공하는 프론트엔드 개발자로 성장해 나가고자 합니다.

SQL 개발자

포트폴리오

개인 깃허브 링크

배포링크 : <a target="_blank" rel="noopener noreferrer nofollow" href="https://ever-ring-prod.vercel.app/">https://ever-ring-prod.vercel.app/</a>역활 : 프론트엔드, 모임리스트, 찜하기구현넥스트 앱라우터를 활용해 모임리스트 개발<ul><li>TanStack Query Infinite Query 적용 → 무한 스크롤 기능으로 리스트를 자연스럽게 로드</li><li>SSR 적용 → SEO 최적화 및 FCP 향상</li><li><code>useParams</code> 활용 → 사용자의 필터링 정보 유지 (새로고침 시에도 필터값 보존)</li></ul>찜하기 페이지 구현Zustand Persist 적용 → 찜한 모임 데이터를 상태 관리하고, 새로고침 후에도 유지

에버링(Evering)

삼성청년sw아카데미 특화 우수 프로젝트 선정역활 : 프론트엔드, Web Stomp-Client을 이용한 STT-TTS 챗봇 구현 담당실시간 AI 챗봇 채팅 (GPT api 연동)<ul><li>WebSocket with STOMP<ul><li>WebSocket 연결을 통해 서버와 클라이언트 간의 지속적이고 실시간의 양방향 통신 채널을 구축</li><li>STOMP 프로토콜을 사용하여 이러한 통신을 구조화하고 메시지 교환을 명확하게 관리</li></ul></li></ul>회화 채팅 서비스 (stt, tts 연결)<ul><li>AWS POLLY 사용한 TTS 기능 구현<ul><li>Amazon Polly TTS(Text-to-Speech)를 통해 정확한 일본어 구어체 제공</li></ul></li><li>React-Speech-Recognition STT 기능 구현<ul><li>STT(Speech-to-Text)를 구현하여 사용자의 음성을 텍스트로 변환 후 쉐도잉 평가 기능과 AI와의 회화 기능 제공</li></ul></li></ul>Chart.js 기반 시각화를 통한 회화 채팅 리포트<ul><li>Chart.js 활용하여 채팅 리포트 결과 시각적으로 강조하여 제공(어휘력, 문법, 단어, 문맥이해도, 유창성)</li><li>전체 대화 흐름을 GPT 프롬프트 엔지니어링 통하여 적절한 단어 선택과 전채 피드백 제공</li></ul>소셜 로그인 연동<ul><li>Google, Naver, Kakao 등 다양한 소셜 로그인 옵션 제공</li><li>Cookie 를 통한 로그인 상태관리</li><li>Token 만료 여부 자동 검증</li></ul>반응형 웹 및 앱 환경<ul><li>PWA 활용한 반응형 제작 웹과 모바일 환경 지원</li></ul>

토키도키

담당 역활 : 팀리더, 프론트엔드, LLM에 RAG 결합 담당사용 기술 : React, ElasticsearchRAG 기반 챗봇으로 답변 정확도 30% 향상<ul><li>크롤링한 뉴스데이터 모인 DB 생성</li><li>챗봇 답변 시 Elasticsearch로 DB 탐색한 데이터를 통해 정확한 답변 제공</li><li>할루시네이션 방지</li></ul>실시간 음성인식 대화처리<ul><li>useEffect의 의존성 배열과 setTimeout를 활용한 음성 인식 및 대화 상태 관리 자연스러운 응답 제공</li></ul>

출퇴근하는 운전자를 위한 대화형 금융 뉴스제공 챗봇

삼성청년sw아카데미 자율 우수 프로젝트 선정프로젝트역활 : 프론트엔드, 블록체인 스마트 컨트랙트 배포 코드와 부동산 허위매물 리포트 부분 구현 담당사용자 배포 임대차 계약서<ul><li>Ethers.js를 활용 클라이언트 측에서 블록체인 네트워크와 직접 통신하여, 스마트 컨트랙트 배포 및 임대차 계약 거래를 처리하는 코드 작성</li><li>계약서 서명 , 송금 부분을 Solidity로 써진 abi 명세서를 기반하여 작성</li><li>DID 정보를 해시 처리하여 블록체인에 기록</li></ul>부동산 안전 매물레포트<ul><li>블록체인에 기록된 거래 트랜잭션 데이터를 기반으로 매물의 위험 요소를 판단<ul><li>(매물 전세금 변화 추이, 매물 적정 전세금 안내, 매물 위험 요소 판단)</li><li>사용자 친화적인 튜토리얼 제공<ul><li>초기 사용자 경험을 고려한 react-joyride 라이브러리 도입</li></ul></li></ul></li></ul>

블록홈즈 - 블록체인 기술을 활용한 전세사기 방지 부동산 거래 dapp

AIaaS 기반 NLP 챗봇 솔루션(Talkbot Studio)을 활용하여 국가기관 대상 고객 서비스 자동화 프로젝트에 기여 성과: 국민콜 101, 자동차배출가스365, 국토교통부 민원상담, 알림서비스 챗봇 출시<ul><li>역할:<ul><li>국가기관 사무관 인터뷰를 통해 챗봇 기획 및 방향성 설정</li><li>챗봇 운영, 학습, 검수, 출시 후 피드백 반영까지 프로젝트 전반을 주도</li><li>고객(사무관)의 요구 사항을 명확히 수렴하여 챗봇 개발툴을 활용한 최적화 진행</li><li>출시 후 발생한 에러 및 개선 사항을 신속히 반영하여 사용자 경험 향상</li></ul></li></ul>