미리보기
기본 정보

비판적 사고와 긍정적 마인드를 바탕으로 문제를 해결하고 성장하는 프론트엔드 개발자입니다. 사용자 중심의 설계와 이해하기 쉬운 UI/UX 구현에 깊은 관심을 가지고 있습니다. 새로운 기술과 환경에 빠르게 적응하고 습득하는 능력을 갖추어 어떤 도전에도 유연하게 대응할 수 있습니다. 소통을 가장 중요한 가치로 여기며, 시각디자인을 전공한 경험을 바탕으로 디자이너의 언어를 이해하고 협업합니다. 다수의 팀 프로젝트를 기획하고 진행하며 팀원 간의 원활한 소통이 프로젝트 성공의 핵심임을 체득했습니다. 문제 해결을 위해 다양한 의견을 경청하고 토론하는 과정을 즐기며, 이를 통해 더 나은 해결책을 도출하는 데 집중합니다. 새로운 경험과 도전을 중요한 가치로 여기며, 시행착오와 실패를 두려워하지 않고 적극적으로 시도합니다. 실패를 통해 배우고 성장하는 과정을 소중히 여기며, 이를 통해 더 나은 결과를 만들어내기 위해 노력합니다.
자기소개
Trablock 팀 프로젝트에서 기반부터 페이지 구현까지 가장 중요하고 복잡한 기능을 주도적으로 개발했습니다. 디자이너와 긴밀히 협력하여 UI/UX 디자인 과정에 적극 참여했으며, 프로젝트의 디자인 시스템과 원활하게 통합될 수 있도록 기여했습니다. 또한, JIRA의 Automation 기능을 도입하여 이슈 티켓 관리 프로세스를 자동화함으로써 팀의 작업 효율성을 크게 향상시켰습니다. 전체 작업량의 30% 이상을 담당하며 프로젝트 완성에 핵심적인 역할을 했고, 마감 전 전체 검수 및 버그 수정을 주도하여 프로젝트의 완성도를 높였습니다. 프로젝트 발표와 같이 팀원들이 부담스러워하는 역할을 전담하여 팀원 모두 본인의 역할에 집중할 수 있도록 이끌었습니다. 기획 단계부터 마무리까지 적극적으로 소통을 이끌어내며 명확한 가이드라인을 제시하고 다양한 의견을 조율함으로써 프로젝트가 기한 내에 성공적으로 마무리될 수 있도록 팀 분위기를 주도했습니다.
프로젝트 종료 후, 기존 백엔드 개발자와 협력하여 전반적인 리팩토링을 진행했습니다. Next.js App Router의 SSR 및 태그 기반 데이터 캐싱 기능을 적극 활용하고, 서버 컴포넌트를 효율적으로 사용하여 성능 최적화와 서버 비용 절감을 달성했습니다. 또한, 사용자 인증 및 쿠키 관련 로직을 서버 측에서 전담하도록 설계하여 보안을 강화했고, API 로직에서 반복적으로 사용되는 부분을 자동화해 코드의 사용성과 유지보수성을 개선했습니다. 기획 및 디자인 측면에서도 모바일, 태블릿, 데스크탑 등 다양한 환경에서의 호환성을 검토하고, 특히 모바일 브라우저와 터치 동작에서 발생하는 문제점을 개선했습니다. 이를 통해 LCP(2.2초→2.1초)와 CLS(0.201→0.105)를 포함한 핵심 웹 성능 지표를 향상시키며 프로젝트의 품질을 높였습니다.
프론트엔드 개발자로서의 기술적 역량과 시각디자이너로서의 인사이트를 결합하여 코드 품질뿐만 아니라 UI/UX 관점에서도 지속적으로 개선점을 도출하고 문제를 해결할 수 있습니다. 이를 통해 사용자 중심의 효율적이고 안정적인 프로덕트를 구현하는 데 기여하고자 합니다.
기술 스택
HTML/CSS, JavaScript, TypeScript, React, Next.js, TailwindCSS, Figma, Git, JIRA, vercel
프로젝트
Trablock 리팩토링
개인
2024.07. ~ 2025.02.
기존 Trablock 프로젝트를 처음부터 리팩토링하여 BE 개발자 1명과 협력해 전반적인 개선 작업을 진행했습니다.
SSR(Server-Side Rendering)을 적극적으로 활용하여 성능과 사용자 경험 향상
App Router의 Fetch 확장 기능을 활용해 데이터 캐싱을 구현하여 서버 비용 감소
Fetch API를 이용해 반복되는 로직을 자동화한 시스템을 개발 및 적용하여 API 사용성 및 관리 효율성 증가
Requset-Response 생명 주기를 고려하여 다양한 환경에서 쿠키를 안전하게 관리하고 조작하는 로직 구현
보안과 관련된 데이터 처리를 서버 측에서 전담하도록 설계하여 보안 강화
Trablock
코드잇 부트캠프 프론트엔드 4기 | 백엔드, 디자이너 협업
2024.05. ~ 2024.06.
여행 계획을 쉽고 편하게 작성하고 공유할 수 있는 웹 플랫폼입니다.
개발 인원: FE 5명, BE 2명, DE 1명
Next.js, Typescript, Tailwind CSS, Eslint, Prettier, Husky 등으로 구성된 프로젝트 기반 구축 및 배포
API 함수 및 재사용 가능한 커스텀 훅 개발
모달 코어 컴포넌트 설계 및 구현
여행 계획 상세 페이지 개발 (주요 기능: 일정 추가/수정, 크기 조절 가능한 창, 드래그 앤 드롭, 구글맵 연동, 카카오 공유 등)
프로젝트 마감 전 전반적인 버그 검수 및 수정 작업 주도
JIRA Automation 기능 도입을 통한 이슈 티켓 관리 프로세스 자동화
UI/UX 디자인 협업 및 디자인 시스템 개발
포트폴리오
URL
교육
코드잇 부트캠프
사설 교육 | 프론트엔드 4기
2023.12. ~ 2024.06. | 수료
세종대학교
대학교(학사) | 디자인이노베이션, 소프트웨어
2017.03. ~ 2024.02. | 졸업
화성고등학교
고등학교
2012.03. ~ 2015.02. | 졸업
대외활동
세종대학교 디자인이노베이션학과 졸업전시
세종대학교 디자인이노베이션전공
평균의 함정을 경고하는 컨퍼런스 브랜딩 작품 및 소통의 암호와 해독을 주제로 한 미디어 작품 전시
2017 대한민국 친환경대전 전시
환경부
친환경과 재활용을 주제로 한 작품 전시 (2인 팀 참여)