본문 바로가기
728x90
반응형

전체 글223

🧳 증권사 업무 화면 이사 프로젝트 회고 “화면 하나 만들면 끝인 줄 알았는데요…”처음 이 업무를 받았을 때는 솔직히 가볍게 생각했다.“기존 화면 참고해서 새로 만들면 되는 거 아닌가?” 🤔그런데 막상 시작해보니 이건 단순한 화면 복사가 아니었다.오래된 집에서 새 집으로 이사하는데, 짐 목록도 따로 있고, 방 구조도 다르고, 어떤 짐은 설명서만 있고 실물이 없는 그런 느낌이었다.이번 업무는 한 증권사의 기존 업무 화면들을 새로운 시스템에 맞게 다시 만들고, 화면 뒤에서 움직이는 데이터 흐름까지 맞춰가는 작업이었다.쉽게 말하면,화면은 예쁘게 보여야 하고,버튼은 제대로 동작해야 하고,데이터는 정확히 나와야 하고,백엔드와 프론트엔드는 서로 같은 이야기를 해야 했다.생각보다 꽤 본격적인 이사였다. 🚚🗂️ 첫 번째 미션: 문서부터 살아남기업무를 시.. 2026. 6. 30.
차량 ECU, TCU 맵핑과 AI가 만나다. https://hptunermap.vercel.app/** 인공지능맵핑.메인.한국**# 카마로 4기통 삭제 맵, AFM/DOD OFF 작업 안내2016~2024년식 카마로의 4기통 자동 전환이 불편했다면,V8 Cal Lab에서 AFM / DOD OFF 작업으로 V8 주행감을 더 일정하게 유지해보세요.카마로 주행 중 이런 느낌이 있었나요?카마로를 운행하다 보면 정속 주행 중 갑자기 배기음이 달라지거나,가속 반응이 한 박자 늦게 따라오는 것처럼 느껴질 때가 있습니다.이런 변화는 차량에 적용된 AFM / DOD 기능과 관련이 있을 수 있습니다.AFM / DOD는 연비를 위해 주행 상황에 따라8기통 엔진을 4기통처럼 작동시키는 기능입니다.하지만 일부 오너에게는 이 전환 과정이 다음과 같이 느껴질 수 있습니다.주.. 2026. 5. 15.
[ 특별상수상 ]CallPeace (통화 + 평화) | 상담원 헬퍼 웹앱 1) 프로젝트 한 줄 소개CallPeace는 콜센터/CS 상담사가 통화 중 겪는 감정노동을 줄이기 위해, 폭언을 ‘필터링’이 아니라 ‘중화(순화)’로 번역하고, 상담 목적에 맞는 공감 톤/스크립트까지 즉시 제안하는 상담원 헬퍼 웹앱입니다. 해커톤(패스트캠퍼스 Fast Builderthon) 본선 진출 팀 “뚝딱뚝딱”으로 개발했습니다.무박 2일로 진행하였으며, 해커톤중 가장 힘들었던 것같습니다.. 2) 내가 맡은 역할 (Frontend)React + TypeScript 기반 UI/상태관리 설계 및 구현고객/상담사 2-카드(좌우) 콘솔 레이아웃 및 반응형(작은 화면에서도 2열 유지) 구성STT → 중화(transform) → TTS 재생까지 이어지는 사용자 플로우를 끊김 없이 연결ElevenLabs API .. 2026. 2. 2.
[ 오르미캠프 ]쉬었음 청년이 "제주 오르미캠프 1기"를 만나다 한동안 “쉬었음” 상태로 지내던 내가, 제주에서 오르미캠프 1기를 만나면서 다시 개발자로 숨이 돌아오는 느낌을 받았다.짧은 기간이었지만 단순히 수업을 듣고 끝나는 게 아니라, “진짜로 뭔가를 만들어서 보여줘야 하는” 밀도의 시간이었고 그 안에서 내 팀은 특이한 조건으로 프로젝트를 시작했다.우리는 처음 4명으로 출발했다가 중도 포기자가 생겨 최종 2명이 되었다.보통 다른 조가 6명 안팎으로 프로젝트를 굴리는 걸 봤을 때, 둘이서 끝까지 완주한 것만으로도 체력전이었다.그런데 이상하게도, 이 압축된 상황 덕분에 방향이 더 빨리 잡혔다.1) 오르미캠프 1기, 어떤 프로그램이었나오르미캠프는 이스트소프트(ESTfamily) 중심으로 운영되는 AI 융합 인재양성 부트캠프다.특히 “학습만 하는 교육”이 아니라 실무형 .. 2025. 12. 27.
[ 기술 ] React + TypeScript + Supabase + AI로 만드는 민원처리 시스템 한 줄 소개공무원 업무 생산성을 높이고 민원인의 불편을 줄이기 위한 AI 기반 민원처리 시스템. 목록-상세-답변 기본 업무흐름에 담당부서 자동 분류 + 답변불필요 판단 + 유사 민원 검색을 결합해 실제 운영형 UX를 목표로 한다.1) 프론트엔드 🎨어필 포인트✅ React + TypeScript + SWC 기반의 빠른 개발/빌드 환경✅ “업무 프로세스 UI”에 최적화한 목록 → 상세 → 답변 동선✅ AI 결과를 UX에 자연스럽게 녹이는 설계담당부서 자동 추천답변 필요 여부 배지/경고유사 민원 안내핵심 기능 구성민원 목록 페이지민원 상세 페이지민원 답변 페이지(Hope 연동) 외부 데이터 기반 목록/상세 표시중요 코드 1 - 라우팅 뼈대 🧭// App.tsx (핵심 라우팅 구조 예시)import { Br.. 2025. 12. 11.
[ AI 프로젝트 ] 프론트부터 만든 민원처리 시스템 개발일지 세상이 너무나 좋아졌습니다. 바이브 코딩으로 진행하게되었고, 기존 바이브 코딩 전에는 정말 DB 설계부터 기본이 튼튼하게 가야하는 것이 일반적인데.. 이제 비교적 간단한 프로젝트는 그런 순서조차 상관 없게 된 것 같습니다. 이번 프로젝트를 간략하게 현재까지 무엇을 했는지 설명드리겠습니다. 안녕하세요!요즘 저는 공무원 업무 생산성을 높이고, 민원인의 불편함을 줄이는 민원처리 시스템을 만들고 있어요.기술 스택은 대략 이런 느낌입니다:🖥️ React + TypeScript + SWC🗄️ Supabase(PostgreSQL, Storage, Edge Functions)🧠 민원 분류/답변 보조용 AI 파이프라인그런데 저는 조금 특이한 방식으로 시작했어요.0. 왜 프론트부터 시작했나? 🧭보통은DB → A.. 2025. 12. 10.
728x90
반응형