Frontend Developer

안녕하세요,
김현태입니다.

저는 프론트엔드 개발자로서 사용자 경험을 최우선으로 생각하며, 아름답고 기능적인 웹 애플리케이션을 만드는 것을 좋아합니다.

React, Next.js, TypeScript 등의 기술 스택을 활용하여 현대적인 웹 애플리케이션을 개발하고 있습니다. 코드의 가독성과 재사용성을 중시하며, 지속적인 학습과 성장을 추구합니다.

김현태 프로필

About Me

관심사

코딩

깔끔하고 효율적인 코드를 작성하는 것을 좋아합니다.

새로운 기술

최신 기술 트렌드를 학습하고 적용하는 것을 즐깁니다.

커피

커피와 함께하는 개발 시간이 가장 행복합니다.

사용자 경험

사용자 중심의 디자인과 개발을 지향합니다.

경력

윈클(주)

프론트엔드 개발2024.11 ~ 재직중
윈클 탄소 모니터링

모니터링 차트·카테고리 데이터 입력 페이지 개발, 권한 기반 라우팅·재사용 차트 컴포넌트 구축

React · Vite · Tailwind CSS · Zustand · React Query · Chart.js · i18next

탄소배출 계산기

교통수단별 배출 계수 계산 알고리즘, 5단계 설문 플로우, 다국어 UI 전담 개발

Next.js · TypeScript · Tailwind CSS · Zustand · i18next

윈클 GovFund

정부지원사업 공고 도메인 UI·화면 설계, 라우트 기반 코드 스플리팅·문서/데이터 중심 화면 구현

React 19 · TypeScript · Vite · Recharts · PDF.js · xlsx

(주)비즈비

프론트엔드 개발2024.05 ~ 2024.10
코코아톡 (비즈니스 채팅 서비스)

채팅 화면 개발, 아토믹 디자인 패턴 도입·동적 라우팅 설계로 재사용성 향상

Next.js · TypeScript · Scss · Redux Toolkit

사내 Works 시스템

문서함·결재함 화면 개발, 폴더 관리 기능 API 연동·공용 컴포넌트 제작

React Native · TypeScript · Scss · Redux Toolkit

(주)인텔로이드

프론트엔드 개발2022.04 ~ 2023.10
STT 기반 상담 전화 서비스

로그인·사용자 정보 조회 화면 설계·구현, 상담 내역 검색·STT 텍스트 제공·녹음 ZIP 다운로드

JavaScript · React · Css · Scss

AICC 기업 전화 관리자 페이지

회원·전화번호·결제·발신료 관리 프론트엔드 화면 및 백엔드 기능 구현

React · TypeScript · NestJS · PostgreSQL

프로젝트 상세

주요 프로젝트의 세부 사항 입니다.

WinCL Monitoring 서비스 화면

WinCL Monitoring

기업 탄소배출량 관리 SaaS 프론트엔드 — Scope 1·2·3 시각화·간편 계산기·권한 라우팅·ESG 결재 워크플로우 전담 구축

React 18ViteJavaScript+9
WinCL GovFund 서비스 화면

WinCL GovFund

중소기업용 정부지원·보조금·인증 정보 통합 SaaS — 공고·캘린더·지도·프로젝트·예산·경비·문서·리포트·구독까지 한 화면에서 관리

React 19TypeScriptVite 6+10
KBW 탄소배출 계산기 (Emission Calculator) 서비스 화면

KBW 탄소배출 계산기 (Emission Calculator)

탄소배출량 계산 웹 애플리케이션 프론트엔드 전담 — 교통·숙박 기반 산출, 5단계 설문, 다국어·반응형 UI

Next.js 13.5.6React 18TypeScript+6
SOOM 서비스 화면

SOOM

라이프스테이지 기반 익명 커뮤니티 플랫폼

Next.js 16 (App Router)React 19TypeScript+14
F1(포뮬러원) 대시보드 서비스 화면

F1(포뮬러원) 대시보드

레이스 일정·결과·챔피언십 순위·뉴스·드라이버 정보를 한 화면에서 보는 대시보드형 웹앱 — 진행형 개인 프로젝트

Next.js 14 (App Router)TypeScriptReact 18+6

나의 포트폴리오 사이트

Next.js App router 활용하여 웹사이트 개발

React.jstypescriptNext.js+2

기술 스택 및 도구

아래의 기술을 사용할 수 있습니다.

JavaScript
TypeScript
React
Next.js
Html
CSS
Tailwind CSS
Styled Components
Vite
Webpack
Axios
Chart.js
Redux Toolkit
React Query
Sass
Zustand
VS Code
GitHub
Vercel
Nest.js