Introduce.

새로운 기술이나 환경에 잘 적응하고 목표를 위해 끝까지 최선을 다하는 신입 프론트엔드 개발자 김태희 입니다.

프론트엔드 개발자로서 날개물류의 출판 주문 시스템을 통해 더 많은 사람들이 쉽고 편리하게 출판 주문을 경험할 수 있도록 하고 싶습니다. 날개물류의 비전과 함께 출판 산업의 혁신과 효율화를 돕고, 고객의 요구와 시장 트렌드에 맞춘 직관적인 서비스를 제공하기 위해 지속적으로 배우고 성장하는 자세로 임하겠습니다.

부트캠프에서 React를 활용한 AI 프로젝트를 진행하며, 디자인 툴(Figma)를 통해 UI 설계, 데이터 시각화 및 애니메이션 구현한 경험을 바탕으로 날개물류의 출판 주문 시스템에 사용자 친화적인 인터페이스를 제공하여 고객의 편리성을 극대화할 수 있습니다.
팀의 신뢰를 바탕으로 협업을 중시하며, 맡은 일에 대한 책임감을 가지고 최선을 다해 프로젝트에 기여하고, 원활한 소통을 통해 팀원들과 시너지를 창출함으로써 날개물류의 비즈니스 성장에 기여하겠습니다.

Skill.

Front-End : HTML5/CSS, JavaScript(ES6), TypeScript, React, Next.js (학습중)
Tools : Git, Notion, Figma

Projects.

GreenCity (1).png

그린 시티

AI 기반 데이터 분석을 통해 현대 도시에서 최적의 녹지 공간 후보지를 선정하고, 예상 조감도를 시각적으로 제공하는 서비스

2024.6 ~ 2024.7 (6주)

참여 인원 : FE 3명, BE 3명, AI 2명

Github : https://github.com/AIVLE-Big-Project-29/GreenCity-Frontend

Website : https://greencity.p-e.kr/ (운영 중단)

역할: 프론트엔드 조장
- 리액트를 처음 접하는 팀원들과 주기적으로 회의를 통해 기본 훅의 이해 및 개발에서 어려운 부분을 도움 ([설명 문서])
노션을 이용해 팀원들과 문서 및 진행 상황을 공유 (프로젝트 문서)
vite 사용 및 eslint, prettier 설정 등 초기 개발 환경 설정
여러 플랫폼에서의 간편한 로그인을 위해 JWT를 활용하여 로그인 기능 구현
원하는 애니메이션을 GSAP를 활용하여 구현
- 메인 페이지에서 사용자 이탈률 30% 감소
사용자가 데이터를 시각적으로 확인할 수 있도록 라이브러리를 사용하여 차트 생성
- 원하는 데이터를 클릭하면 추가로 비교할 수 있는 인터랙티브 그래프 구현하여 사용자 경험 향상
ML 및 Stable Diffusion을 활용한 REST API 형태로 데이터 분석 및 이미지 생성 기능 구현
프로젝트 중 발생한 3D Map을 사용하여 원하는 지역을 캡처하는 기능 이슈를 기존 라이브러리 분석을 통해 해결
전체 30팀 중 5등 안에 들어 프로젝트 우수상 수상 및 해커톤 입상
프로젝트 기술
- 클라이언트
  - React, Styled-Component