미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 김민재
- 간단소개
- UI/UX에 높은 가치를 두며 사용자가 직면하는 문제를 해결하고 사용자 경험을 향상시키는 것을 목표로 프론트엔드를 만듭니다. 새로운 것을 배우는 것을 좋아하고 좋은 제품과 성장을 위해 의견을 나누는 것을 좋아합니다.
기술 스택
- 기술 스택
- JavaScript
- TypeScript
- React
- Next.js
- tailwind-css
경력
- 회사명
- (주)링크21
- 직책 • 부서
- 프론트엔드 개발자 • 개발팀
- 근무 기간 (근무 형태)
- 2024.06. - 재직 중
- (9개월 | 계약직)
- 담당 업무
프로젝트
- 프로젝트명
- 픽플
- 소속/기관명
- 프로그래머스
- 프로젝트 기간
- 2023.10. - 2023.12.
- (3개월)
- 프로젝트 설명
- 서버 단의 구현과 병렬적으로 기능을 개발할 수 있게 MSW를 사용하여 API mocking
- MSW를 사용하여 API를 mocking 하여 프론트의 컴포넌트 혹은 페이지 구현과 백엔드의 기능 구현을 병렬적으로 개발 하여 개발 대기시간 감축
- 글 작성 기능 및 페이지 구현
- React-hook-form을 사용한 비제어 컴포넌트 방식으로 사용자 입력에 대한 리렌더링 최소화
- 스크롤로 간편하게 값을 선택할 수 있는 컴포넌트를 제작하여 사용자의 입력, 유효성 검사 간편화
- toast 메시지를 사용하여 알림 메시지 구현을 통해 예외처리 (중복된 이름 등), 사용자 경험 향상
- 카카오 우편번호 서비스를 연동하여 주소 검색기능 구현
- 알림 기능, 알림창 페이지 구현
- SSE를 사용해 단방향 통신을 통한 실시간 알림 기능 구현
- React Query를 사용하여 알림과 관련된 캐시 갱신, 상태 업데이트
- toast 메시지, 스켈레톤 UI를 활용하여 사용자 경험 향상
- Tanstack Query와 Suspense를 활용하여 데이터 로딩 및 에러 처리를 선언적, 효율적으로 처리
- 랭킹 시스템, 페이지 구현
- React 18v의 flushsync를 사용하여 모달 상태를 동기화 처리하여 모달이 닫히지 않는 문제 해결
- 협업, 일정관리
- GitHub Project를 사용해서 칸반보드를 제작, 태스크 세분화로 구성원간의 업무추적 용이
- 일관된 코드 작성을 위해 ESLint, Prettier, Husky 등 적용
농구 경기 인원 모집 서비스
Team Project (FE4, BE4) - Frontend 팀장
시연 영상 | 배포 링크 | GitHub | 팀 노션
기술 스택
React TypeScript Emotion React-Hook-Form React-Query MSW Vercel Axios Zustand
- 프로젝트명
- 니르바나
- 소속/기관명
- 프로그래머스
- 프로젝트 기간
- 2023.09. - 2023.09.
- (1개월)
- 프로젝트 설명
- 사용자 입력 폼 구현
- 로그인, 회원가입, 비밀번호 재설정 페이지, 기능 구현
- 사용자 입력값 유효성 검사, 예외처리
- 알림 목록 페이지 및 기능 구현
- Recoil을 활용하여 알림(팔로우, 좋아요) 읽음 / 안 읽음 상태 관리
- 협업
- 일관된 코드 작성을 위해 ESLint, Prettier 적용
- Figma를 사용한 페이지 디자인 및 협업
- 서비스 기능, 팀 규칙, 유저 스토리 등 GitHub Wiki 문서화
명상을 테마로 하는 SNS
Team Project (FE5) - Frontend 팀원
배포 링크 | GitHub
기술 스택
React TypeScript Emotion React-Hook-Form React-Query Axios Recoil
포트폴리오
교육
- 소속/기관
- 프로그래머스 데브코스
- 종류 | 전공명/전공계열
- 사설 교육 | 프론트엔드
- 재학 기간 (재학 상태)
- 2015.03. - 2019.12. (졸업)
- 소속/기관
- 광주대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 컴퓨터공학과
- 재학 기간 (재학 상태)
- (중퇴)