박주환의 AI 개발자 포트폴리오

풀스택 AI 개발자 | 문제 해결 및 효율성 중심

JavaScript · HTML · CSS · React · Node.JS · MY SQL · Docker · AI Tooling

소개 및 핵심 역량

박주환 개발자 프로필 사진

안녕하세요! "문제 해결 중심의 풀스택 AI 개발자"를 목표로 계속 성장하고 있는 박주환입니다.
새로운 기술을 배우고, "AI 도구를 활용하여 비효율적인 부분을 제거하는" 문제 해결 과정을 즐깁니다.
협업과 소통을 통해 팀의 목표 달성에 기여하고 좋은 시너지를 내는 개발자가 되겠습니다.

🔥 핵심 역량 요약

  • 풀스택 통합 경험: React, Node.js 기반의 앱 개발부터 Docker, GCP VM을 활용한 서비스 배포 파이프라인 전반 경험.
  • 데이터 안정성 확보: 불안정한 데이터 흐름을 JSON 구조화 및 비동기 처리 개선으로 안정화한 실무 경험.
  • AI 활용 효율화: Figma AI 등 최신 AI 도구를 적극 도입하여 초기 아이데이션 및 반복 작업을 최소화하고 효율성을 극대화.

주요 프로젝트 및 성과

1. 알레르기 웹앱 안정화 프로젝트 (2025년 1학기)

역할: 서버 안정화 보조, 데이터 분석 보조, 발표 및 팀원 일정 조율

[PROBLEM] 불안정한 데이터와 서버 오류

초기 프로젝트는 API 응답 누락과 서버의 잦은 비정상 종료로 인해 데이터 신뢰도가 낮았습니다. 예측 결과 정확도를 높이기 위한 데이터 구조의 일관성 확보가 시급했습니다.

[SOLUTION] JSON 구조화 및 비동기 처리 개선

  • JSON 구조 재정의: 불필요한 중첩을 제거하고 표준화된 JSON 스키마를 설계하여 데이터 무결성을 확보했습니다.
  • 비동기 처리 최적화: Node.js에서 비동기 작업을 병렬 처리하고 에러 핸들링 로직을 강화하여 서버 다운 문제를 해결했습니다.

[RESULT] 서비스 안정화 및 정량적 성과

  • 서버 비정상 종료 횟수 "90% 감소" 및 데이터 누락 문제 완전 해결.
  • 알레르기 예측 정확도 "15% 향상"에 기여.
  • 기술 습득: 안정적인 REST API 설계 및 비동기 프로그래밍에 대한 깊은 이해 확보.

2. U300 경진대회 팀워크 강화 프로젝트 (동아리 대회)

역할: 팀 리더, 발표 총괄 및 프로젝트 관리, 팀원 일정 조율 및 관리

[PROBLEM] 기술적 난관과 완성도 미흡

제한된 기간 내에 구현 목표를 달성하지 못하는 기술적 난관에 봉착했습니다. 결과물을 완벽히 구현하지 못한 상황에서 심사위원에게 핵심 가치를 전달하는 것이 큰 문제였습니다. 그리고 대회를 진행하던 도중 아이디어 구상에 있던걸 다른 사람들이 똑같은 것으로 출시하여 크게 문제가 됐습니다.

[SOLUTION] 기획 및 전달 방식 전환

  • 위기 관리: 개발 목표를 현실적으로 조정하고, 성공한 부분과 미래 개발 계획을 명확히 분리하여 보고했습니다.
  • 전달력 강화: 개발 결과 대신 기획의 창의성과 문제 해결의 잠재력을 강조하기 위해, 발표 자료에 고품질 이미지 및 프로토타입 시뮬레이션을 활용하여 "제품의 비전"을 제시했습니다.

[RESULT] 본선 진출 및 리더십/위기 대처 능력 증명

  • 성과: 경진대회 본선 진출 및 다수의 발표 경험 확보.
  • 배운 점: 개발 결과뿐만 아니라 "문제를 바라보는 관점"과 "팀워크를 통한 위기 대처 능력"이 중요하다는 것을 체득. 리더십 및 발표 역량 강화.
  • 관련 링크: u300 경진대회 제출 작품 사이트

3. 캡스톤 프로젝트 체내 실시간 카페인 분석기 개발 및 배포

역할: 팀원 일정 및 관리, 전체적인 프로젝트 관리 및 배포 중간 및 캡스톤 전시회 발표

[PROBLEM] 팀원 소통과 타겟 설정 및 처음 사용한 기술 및 배포

팀원과 소통이 제대로 이루어지지 않아 서로 다르게 알게 되는 경우가 많았으며 타겟을 명확하게 설정하지 않아서 너무 많은 연령대에 사람들로 책정했었습니다. "TypeScript"와 "GCP" 같은 처음써보는 기술에 어려움을 많이 느꼈습니다. 또한 GCP VM으로 배포가 직전까지 되어지지 않아서 어려움이 많았었습니다.

[SOLUTION] 문제 해결 및 서비스 강화

  • 문제 해결: 너무 넓은 범위를 잡지 않고 중.고등학생으로 타깃을 축소.
  • 서비스 강화: Backend/DB를 Node.js (Express)와 MySQL을 연동하여 데이터 CRUD 구현했고, DevOps: Docker Compose로 FE/BE/DB 컨테이너를 통합 구성하고, GCP VM에 배포하여 서비스의 지속적인 운영 환경 구축.

[RESULT] 캡스톤 팀프로젝트를 통해 성과 및 배운 점

  • 성과: 많은 발표 경험과 위기 대처 능력 및
  • 배운 점: 개발 결과뿐만 아니라 "문제를 바라보는 관점"과 "팀워크를 통한 위기 대처 능력"이 중요하다는 것을 체득. 리더십 및 발표 역량 강화.
  • 관련 링크: 카페인 채네 분석기

기술 스택 및 학습 경험

주요 기술 스택

영역 기술/도구 숙련도
Frontend HTML, CSS, JavaScript, React 컴포넌트 설계 및 상태 관리 가능
Backend Node.js (Express), JSON RESTful API 설계 및 데이터 구조화 가능
Mobile & AI Android Studio (Java), ViewBinding, Figma AI 기본 앱 개발 및 AI 기반 아이데이션 도구 활용
Database MySQL, h-2 database DB 스키마 설계, CRUD 처리, Node.js 연동
DevOps Docker, Docker Compose, Kubernetes, GCP VM 컨테이너 기반 서비스 배포 및 운영 환경 구축 (핵심 역량)
Version Control Git, GitHub 브랜치 전략, PR 제출 및 코드 리뷰 경험

심화 학습 경험

  • 컨테이너화 학습: Docker & Kubernetes 실습을 통해 서비스의 확장성과 관리 용이성에 대한 이해를 높였습니다.
  • 풀스택 연동: React, Node.js, MySQL 연동을 통한 컴포넌트 UI, 상태 관리, API 연동 등 실제 서비스 개발 흐름을 체계적으로 학습했습니다.
  • 협업 및 배포: 캡스톤 프로젝트를 Docker Compose와 GCP VM으로 배포하며 개발부터 운영까지의 전 과정을 주도적으로 경험했습니다.

성장 과정 및 방향성

성장 과정 하이라이트

🚀 앞으로의 목표

저는 문제 해결 중심의 개발 역량을 바탕으로, AI 기술을 적극 활용하여 비즈니스 가치를 창출하는 개발자로 성장하고자 합니다. 데이터 구조화와 안정성에 대한 깊은 고민을 바탕으로 다양한 이슈를 빠르고 정확하게 해결하며, 팀원들과의 적극적인 협업 및 소통을 통해 팀의 목표 달성에 기여하겠습니다.

제안하기