미리보기
기본 정보
저는 사용자 경험 향상과 팀워크를 최우선으로 생각하는 프론트엔드 개발자입니다. 아무리 뛰어난 기술이라도 고객의 요구를 충족시킬 수 없다면 그 기술은 좋은 기술이 아니라고 생각합니다. 해커톤에서 Figjam을 통해 실제 사용자들에게 피드백을 받으며, 사용자가 진정으로 필요한 것을 파악하는 것이 얼마나 중요한지 깨달았습니다. 개발자는 협업 능력이 필수입니다. 다양한 프로젝트에서 리더 또는 팀원으로 참여하며, 성공과 실패의 경험을 통해 성장해왔습니다. 어려운 상황에서도 꼼꼼한 준비로 팀을 이끌며, 성공적인 결과를 만들었습니다. 저는 앞으로도 고객 만족을 위해 늘 고민하며, 함께 일하고 싶은 동료 개발자로 성장하고자 합니다.
기술 스택
React, TypeScript, react-query, zustand, redux-toolkit, Node.js, Python, C++, Figma, GitHub
프로젝트
코치코치
팀
2024.07. ~ 진행 중
코치와 회원을 연결하고, 맞춤형 루틴을 제공하는 서비스
CI/CD 구축
Github Actions: 테스트 및 타입 체크 자동화
Reviewdog + ESLint: 코드 스타일 오류 검출
Netlify + Gabia: 배포 및 커스텀 도메인 연결
API 모킹 및 최적화
MSW: API 모킹 작성 및 적용
React-Query: useInfiniteQuery 활용한 무한 스크롤 구현 및 디바운싱 적용
이미지 최적화
AWS S3 이미지 Imgix CDN을 통해 최적화, 용량 173KiB에서 6.8KiB로 96% 감소
UI 및 데이터 시각화
MUI: 직관적인 달력 UI 구현
react-chartjs-2: 4가지 신체 데이터 변화 그래프로 시각화
뽀각코
팀
2024.06. ~ 2024.07.
여러 사람이 함께 사용하는 실시간 뽀모도로 타이머 서비스
소셜 로그인
카카오 및 구글 OAuth를 통한 간편 소셜 로그인 지원
마지막 로그인 방식을 로컬 스토리지에 저장하여 사용자 편의성 향상
Socket.io를 활용한 타이머 공유
타이머 상태 및 그룹원 랭킹을 실시간으로 공유
시작 시간을 전달받아 프론트엔드에서 자체 계산하도록 최적화
에러 바운더리 도입
Axios의 에러 유형을 일관성 있게 처리를 위해 하나의 파일에 정의
React-Query와 연동하여 서버 요청 에러를 포착 및 사용자 피드백 제공
디자인 시스템 도입
Figma를 활용하여 디자인 및 그리드 시스템 구축
전역 테마 파일과 공통 UI 컴포넌트 제작으로 개발 속도 향상
또또가
2024.01. ~ 2024.02.
소비자와 상점 간의 솔직한 협력과 소통을 촉진하는 내돈내산 리뷰 커머스
Tailwind CSS를 활용한 반응형 UI
반응형 유틸리티 클래스로 다양한 화면 크기에 적응
모바일 전용 별도의 UI 구현
라이브러리 도움 없이 무한 스크롤 구현
지역 및 메뉴 카테고리별 상점 필터링 제공
Intersection Observer API를 활용하여 무한 스크롤 기능 구현
홈 화면
랭킹과 제휴 상점, 카카오톡 채널 바로가기 링크를 반응형 UI로 배치
모바일에 맞춘 별도의 UI를 구현
자동 로그아웃 구현
로컬 스토리지에 만료 시간을 저장하여 자동 로그아웃 기능 구현
인증 API 호출 시 현재 시간과 비교하여 유효성 검증
포트폴리오
자격증
정보처리기사
한국산업인력공단
2024.06.
교육
광운대학교
대학교(학사) | 컴퓨터공학과
2021.03. ~ 2024.02. | 졸업
명지전문대
대학교(전문학사) | 전자공학과
2017.03. ~ 2020.02. | 졸업
대외활동
타입스크립트로 함께하는 웹 풀 사이클 개발(React, Node.js) / 2기
프로그래머스
Typescript와 React를 활용한 웹 프론트엔드 개발 학습
Node.js, Express, MariaDB를 활용한 백엔드 개발 학습
2번의 팀 프로젝트 진행 및 발표
협업 개발자들과 동료들과의 코드 리뷰 및 피어 리뷰
프론트엔드 / 5기
UMC 대학 연합동아리
프론트엔드 수료
React 스터디 및 대학 연합 해커톤 참여