🎂 2001.06.30 🎧 010-2310-5149 🤘 [email protected] https://github.com/daisyyb

작은 디테일이 사용자 경험(UX)을 좌우한다고 믿습니다.

프론트엔드 페이지를 개발할 때 자주 사용되는 기능들의 반응속도를개선, 반영하고 디자인을 세세하게 다듬어 사용자 중심의 경험을 제공했습니다. 이를 통해 사용자들이 더 직관적으로 페이지를 이해하고 보다 쉽게 기능 경험을 완료할 수 있도록 개선한 경험이 있습니다.

효율적인 코드를 지향합니다.

프로젝트에서 여러 개의 모달을 각각 따로 관리하던 방식은 유지보수와 디버깅 과정에서 문제를 야기했습니다. 이를 해결하기 위해 모달 통합 관리 라이브러리를 적용해 코드의 복잡성을 줄이고 유지보수를 쉽게 할 수 있는 구조로 개선했습니다. 이 과정에서 성능을 높이고 유지보수 시간을 크게 절약하는 효과를 얻었습니다.

협업과 팀워크를 중요시합니다.

프로젝트에서 팀원들과 협력하며 이슈 및 PR 관리를 체계화하여 팀원들이 프로젝트에 더 쉽게 참여할 수 있도록 지원했습니다. 또한, 코드 리뷰 과정을 통해 팀원들과 서로의 성장을 도모하며 협력적인 환경을 조성했습니다. 이러한 과정 속에서 팀 내 의사소통과 협업의 효율성을 개선하는 데 기여했습니다.

끊임없이 학습하는 개발자입니다.

빠르게 변화하는 기술 트렌드에 맞춰 TypeScript 와 같은 기술을 지속적으로 학습하며 실무에 적용할 준비를 하고 있습니다. 아직 실무에서 이 기술을 적용한 경험은 부족하지만 개인 프로젝트를 통해 꾸준히 실력을 쌓고 있으며 앞으로 실무에 도입할 때 빠르게 적응하고 기여할 수 있도록 노력하고 있습니다.

Fullstack-Devloper React Python JavaScript Bubber.io

Used Tool & Skill

Frontend

• JavaScript, HTML5, CSS3, Ajax
• React, Node.js,

Backend

• Flask, MySQL, Docker, mariaDB, MyBatis
• Python

Cooperation

• Git, notion, dbdiagram
• slack, Figma

Project

TOP GUN

(travel agent)

여행사 프로젝트

인원 6명

2024.10~2024.11

• 여행사 항공기 예매 서비스
• 자바, 자바스크립트 를 기반으로 React, Node.js, STS 프레임워크를 활용한 프로젝트
• 역할 및 성과
  • 공지사항 및 매출 실적 그래프 페이지 프론트, 백엔드 전담
    • 팀 협업 및 정보 공유
      • git, erdcloud, miro 를 이용해 백엔드와 API 및 주요 데이터베이스 정보를 공유 ****( miro 프로젝트 문서 )
    • 프론트 통일화 및 modal 개선
      • react-toastify 라이브러리 도입으로 기존 팀 프로젝트 전반적인 기본 modal 을 통합하여 통일 및 개선
    • base64 방식의 이미지 저장 방식으로 기존 이미지 저장 방식 단순화
      • 이미지를 64비트 형태로 인코딩 하여 글 내용과 이미지를 데이터베이스에 함께 전달하기 때문에 구조가 단순화 되며 데이터베이스 분리 또한 필요없어 저용량 페이지인 공지사항 가장 적절한 형태로 판단되어 채택 및 적용
    • react-quill 라이브러리 도입
      • 공지사항 의 사용자 경험 향상을 위해 게시글 편집 도구 라이브러리를 도입해 다양한 종류의 편집 및 입력을 구현
    • 사용자 경험 중심의 UI/UX 개선
      • 다양한 디자인, 구현 사례를 찾아보여 가장 직관적이고 이해하기 쉬우며 모던한 형태를 채택
      • 공지사항 게시 시 주요 공지사항을 구분할수 있게 구현
      • 버튼에 동적인 반응형 디자인을 구현하여 사용자 경험을 향상
• 프로젝트 상세 기술
  • 클라이언트 React Javacript STS
  • 서버 Spring MyBatis
• 배포사이트 - 서버 비용으로 인한 잠정 중단

http://www.topguntravel.shop:3000/