미리보기
기본 정보
저는 새로운 기술에 도전하고, 이를 프로젝트에 적용하며 성장하는 개발자입니다. [새로운 기술을 배우고 실무에 적용하는 것을 즐깁니다.] 코딩을 시작한 후부터 단 한 시도 멈추지 않고 프로젝트를 진행하며 다양한 협업과 개인 프로젝트를 경험했습니다. 특히, 백엔드와의 협업 프로젝트를 통해 API 설계와 데이터 구조 정의의 중요성을 체감했고, 이를 바탕으로 API First Design을 추구하는 개발자가 되려 노력하고 있습니다. [끊임없이 공부하며 더 나은 개발자가 되기 위해 노력합니다.] 개인 프로젝트에서는 Supabase를 활용해 데이터베이스 설계와 OAuth 인증, realtime 기능을 구현하며 최신 기술을 테스트하고 학습했습니다. React에서 Next.js로 그리고 Context API에서 Zustand, Redux로 전환하는 과정을 경험하며 프로젝트 구조와 성능 최적화에 대한 더 깊은 공부를 하며 새로운 기술을 배우는것을 즐깁니다.
기술 스택
JavaScript, HTML/CSS, TypeScript, React, Next.js, TailwindCSS, styled-components, Sass, Notion, GitHub, Redux, react-query, supabase, Prisma
프로젝트
TRIP TERIOR
기타
2024.09. ~ 2024.11.
가족여행관리 협업프로젝트. 그룹 단위로 여행 준비부터 기록 그리고 공유까지 손쉽게 관리할 수 있는 기능을 제공.
(PM 1명, DE 1명, BE 2명, FE 2명)
사용 기술
Next.js 14 (App Router), TypeScript, SCSS, OAuth, js-cookie
react-calendar, react-datepicker, react-swipeable
주요 기능
그룹, 여행 일정, 기념일, 체크리스트 CRUD 구현.
게시물 작성/좋아요/댓글, 커뮤니티 기능.
역할
Kakao OAuth API와 JWT 토큰을 활용하여 Next.js 14 App Route 기반의 사용자 인증 처리 구현.
Figma와 Notion을 활용한 협업을 통해 와이어프레임 설계, API 명세 정의, 데이터 구조 설계, 그리고 통신 방식 논의 진행.
SCSS의 module.scss, mixins을 활용해 모듈화와 재사용 가능한 스타일 구현.
관련 링크
모읽지
기타
2024.11. ~ 2025.01.
독서 모임과 커뮤니티 기능 플랫폼 협업 프로젝트. (DE 1명, BE 2명, FE 3명)
사용 기술
Next.js 14 (App Router), TypeScript, TanStack Query, zustand, zod, react-hook-from
Tailwind, shadcn/ui, react-calendar
Github Actions, Husky.
주요 기능
알리딘 책 리스트 API를 활용한 독서 모임 생성 및 목적 달성 후 리뷰 작성 기능.
하루 독서 시간 목표 설정 및 달성 여부 확인 기능.
MSW를 활용한 백엔드와의 협업 및 테스트.
Husky와 Lint-staged를 활용한 Eslint, Stylint pre-commit 검사 자동화.
GitHub Actions를 활용한 CI/CD구현.
역할
회원가입, 로그인을 Zod를 활용해 입력값 검증, Next.js 13 버전이상에서 제공되는 Server Actions로 민감한 데이터 노출 방지.
토큰 기반 인증과 데이터 포맷팅을 포함한 커스텀 fetch 유틸을 구현.
Zustand를 활용해 로그인 정보를 전역으로 관리 및 배포.
모임과 리뷰를 한번에 확인 가능한 통합검색 페이지 구현.
관련 링크
My E-commerce App
개인
2024.07. ~ 2024.08.
온라인 쇼핑 웹 애플리케이션. 상품을 검색하고 장바구니에 추가하여 관리, 특정 상품에 댓글을 작성 및 소통 기능.
사용 기술
React-vite, Supabase, supabase storage, React Hook Form, uuid, Fake Store API.
역할
React Hook Form을 사용하여 폼 구성 요소의 실시간 유효성 검사상태, 리렌더링 최소화, 성능 최적화.
UUID Key 사용 리스트 렌더링 시 고유성 보장.
Supabase를 활용한 사용자인증 시스템을 구현, Supabase Storage 기반의 CDN으로 효율적인 이미지를 제공.
사용자 인증, 장바구니 관리, 비동기 데이터 처리 등을 위한 React 커스텀 훅 (useAuth, useCartItem, useCarts, useAsync)을 설계 및 구현하여 상태 관리와 비즈니스 로직의 모듈화.
관련링크
chat-app
개인
2024.06. ~ 2024.07.
Synamon
기타
2024.02. ~ 2024.04.
TickyTocky
코드잇
2024.01. ~ 2024.02.
팀의 업무와 일정을 관리할 수 있는 웹서비스.
사용 기술
Next.js, Axios, ReactHookForm, Zustand, SCSS, Stylelint, ESLint, Prettier.
역할
초대 관련 CRUD 기능 및 팝업 UI 구현. 초대 기능과 관련된 CRUD 기능을 팝업 UI로 구현.
랜딩 페이지 구현.
공용 컴포넌트 구현 TagField, CardTags, Dropdown, DropdownList, DropdownTag, KebabDropdown.
관련링크
Github
TickyTocky
포트폴리오
첨부파일
자격증
TOEIC
Total 975 (LC 495, RC 480) | 한국TOEIC위원회
2023.08.
TOEIC Speaking Test
Advanced Low (170) (레벨 7) | 한국TOEIC위원회
2023.08.
HSK
3급 | HSK한국사무국
2023.02.
초경량비행장치 조종자 자격증
조종교관 | 한국교통안전공단
2023.07.
외국어
영어
원어민 수준
중국어
일상 회화 가능
교육
코드잇
사설 교육 | 심화 프론트엔드 엔지니어 부트캠프
2024.11. ~ 2025.01. | 수료
코드잇
사설 교육 | 프론트 엔드 부트 캠프
2023.10. ~ 2024.04. | 수료
가천대학교
대학교(학사) | 기계공학과
2015.03. ~ 2022.03. | 중퇴
경력
주식회사와이엠티
사원 | 영업팀
2023.01. ~ 2023.06. (6개월)
기술 문건 번역: 해외 거래처와의 기술 관련 문서 및 계약서 번역. 거래처 연락: 해외 거래처와의 원활한 커뮤니케이션 유지 및 정보 교환. 영업 활동: 국내 업체의 수출입 수요 파악 및 해외 시장 조사.
코리아테크
총무관리자 | 관리팀
2019.08. ~ 2022.12. (3년 5개월)
사무 관리: 회사의 일상적인 사무 관리 업무 수행, 문서 작성 및 관리. 비품 및 자산 관리: 회사 내 비품 및 자산의 구매, 유지보수, 재고 관리.
(주)삼화미터텍
사원 | 생산팀
2014.11. ~ 2015.04. (6개월)
생산 라인 운영: 제품 생산 및 조립 작업 수행.
자기소개
새로운 기술을 배우고 이를 프로젝트에 적용하며 성장하는 프론트엔드 개발자입니다. 끊임없이 도전하며 다양한 프로젝트를 통해 실무 경험을 쌓고 있으며, 특히 API 설계 및 데이터 구조 설계에 관심을 가지고 있습니다.
코딩을 시작한 이후로 다양한 협업 및 개인 프로젝트를 진행하며 기술 스택을 확장해왔습니다. Next.js 14, TypeScript, Zustand, TanStack Query, Supabase 등의 최신 기술을 활용한 프로젝트 경험이 있으며, API 설계 및 클라이언트-서버 간의 데이터 흐름을 이해하고 구현하는 역량을 갖추고 있습니다.