미리보기
기본 정보
저는 성장하는 자세를 가장 중요하게 생각하며, 최신 트렌드를 학습하고 적용해보며 지속적으로 개선하려고 노력하고 있습니다. 이 과정에서도 사용자 친화적인 UI 구현을 소홀히 하지 않고 UX를 개선하기 위해 힘쓰고 있습니다. 리액트 기반의 컴포넌트 기반 아키텍처를 활용해 재사용 및 유지보수가 용이한 코드를 작성하는 것을 지향하고 있습니다. 또한, 기술적 실력보다 팀원들과의 소통과 협력을 더욱 중요하게 생각하며, 새로운 도전에 항상 대비하고 긍정적이고 유연한 사고를 지니고 있습니다.
기술 스택
React, Next.js, TypeScript, tailwind-css, Git, zustand
프로젝트
여행 계획 세우자 - TraBook
TRABOOK팀
2024.07. ~ 진행 중
Description
여러 플랫폼에서 정보를 찾으며, 여행 계획을 만들었던 불편함을 해소하고자 여행 계획 올인원 서비스를 제작하고 있습니다. 다양한 여행지 정보를 토대로, 유저 리뷰 기반의 데이터를 제공하여 여행 계획을 간편하게 생성할 수 있습니다. 또한, 커뮤니티에서 다양한 사람들의 여행 계획과 여행지를 참고할 수 있고 동행자를 모집하여 함께 여행을 떠날 수도 있습니다.
Experience
Role: Team Leader, UI/UX Designer, Frontend Developer
UI Design: 피그마를 통해, 프로젝트 기획과 웹/모바일 디자인을 제작하였습니다.
Coding
메인페이지: 유저의 활동 기록(여행 계획, 보관함)을 열람, 관리할 수 있는 페이지를 제작하였습니다.
계획세우기: 여행지 Fetch를 통한 목록 제공, 카카오맵을 활용한 경로 표시, 경로 간 예상 시간 기능을 제작하였습니다.
커뮤니티: 여행 계획을 볼 수 있는 디테일 페이지, 여행 계획, 동행 모집 페이지를 제작하였습니다
Infra
CI/CD: Husky를 통해 eslint, prettier 규칙을 pre-commit 단계에 확인하도록 구축하였고, Github Actions로 Vercel로 배포된 사이트의 CD를 구축하였습니다.
Web Hosting: Domain을 구입하여 Vercel에 배포하였습니다.
Tech Stack
Next.js TypeScript Tailwind CSS Zustand next-auth husky framer-motion
SKKU Dance Concours
성균관대학교/무용학과
2024.03. ~ 2024.05.
Description
성균️️관대️학교️ 콩쿨 접수페이지 의뢰를 받아 제작한 웹사이트입니다. 콩쿨 접수에 대한 폼을 작성하고 Admin 사용자가 이를 관리할 수 있는 페이지를 제공하였습니다. 또한, 콩쿨과 관련된 공지사항을 게시할 수 있는 게시판을 제작하였습니다.
Experience
Role: Frontend Developer
콩쿨 접수: 접수 폼을 제작한 뒤, Firebase와 연동하여 서비스를 구축
공지사항 :
공지 작성 / 수정 / 삭제 기능과 콩쿨 포스터 등록 기능을 구현
Tech Stack
Next.js TypeScript Tailwindcss Zustand Firebase
Catch My Mind
Comit/동아리
2023.07. ~ 2023.08.
Description
대학로 "차 없는 거리" 교외 행사와 교내 "디자인학회 전시"에서 사용된 웹 기반 게임입니다. 교외 행사에서 다양한 유저를 모집하여 시현하였고, 굿즈 판매를 통해 30만원의 수익을 창출하였습니다.
Experience
Role: Team Leader, Frontend Developer
게임의 시작부터 점수를 표시하는 마지막 단계까지 전반적인 기능 개발
게임 환경의 단계적 애니메이션(레벨업)을 Framer Motion으로 구현
I Pad Pro로만 지원했던 UI를 반응형 UI로 리펙토링
Tech Stack
React react-router-dom Framer-Motion