미리보기

기본 정보

이름

정재호

직업

프론트엔드 신입 개발자

간단 소개

저는 리팩토링과 성능 최적화에 관심이 많고, 지속적인 성장을 추구하는 TypeScript와 React 기반의 프론트엔드 신입 개발자 정재호입니다.

자기소개

안녕하세요. 저는 리팩토링과 성능 최적화에 관심이 많고, 지속적인 성장을 추구하는 TypeScript와 React 기반의 프론트엔드 신입 개발자 정재호입니다.

저는 React와 Next.js를 사용한 프로젝트 개발 경험이 있고, 사용자 경험을 최우선으로 고려한 UI/UX 설계에 관심이 많습니다. 또한 부트캠프에서 참여했던 팀프로젝트 경험과 다양한 개발 직군과의 사이드 프로젝트 경험으로 협업 능력과 문제 해결 능력을 향상시킨 협업에 강한 개발자입니다. 저의 최종 목표는 웹과 앱을 포함한 모든 플랫폼에서 사용자 니즈를 충족하는 제품을 만들 수 있는 개발자로 성장하는 것입니다.

기술 스택

React, react-query, Next.js, HTML/CSS, JavaScript, TypeScript, tailwind-css, zustand, scss, styled-components

프로젝트

프로젝트명

VSGG - 리그오브레전드(LOL) 과실 판결 커뮤니티

소속/기관명

기타

프로젝트 기간

2024.04. ~ 진행 중

프로젝트 내용

팀 구성 : 백엔드 2, 프론트 2, 디자이너 1, 기획자 1
기술 스택 : Next.js, TypeScript, TailwindCSS, Zustand, React Query
웹사이트 링크 : https://vsgg.co.kr
SEO를 위한 사이트맵 제작 및 meta데이터 작성 - 프로젝트 구조 설계 및 각종 컴포넌트 및 페이지 개발을통해 사용자 경험을 개선하고 유지보수성을 향상시킴
→ seo 점수 : 70점에서 92점으로 향상
React Quill 라이브러리를 사용하여 기획자가 원하는 스타일로 커스텀하여 개발, 사용자 인터 페이스의 일관성을 높임
코드 중복성을 제거하고 통합된 http method 호출 방식으로 fetch API를 사용할 수 있도록 custom fetch 작성
이전 프론트 개발자가 작업해놓은 페이지 리퍼블리싱 및 미구현/추가된 기능 개발로 프로젝트 완성도를 높임
React Query의 useInfinityQuery Hooks를 사용하여 무한 스크롤 구현
Github : https://github.com/vsgg12/VSGG-FE/tree/main

프로젝트명

molip - 모두의 입맛을 충족시켜줄 메뉴판을 만들 수 있는 웹 어플리케이션

소속/기관명

기타

프로젝트 기간

2024.06. ~ 진행 중

프로젝트 내용

팀 구성 : 백엔드 3, 프론트 2, 디자이너 1, 기획자 1
기술 스택 : Next.js, TypeScript, TailwindCSS, Zustand, React Query
웹사이트 링크 : https://www.molip.site
프로젝트 구조 설계 및 각종 컴포넌트 및 페이지 개발을 통해 사용자 맞춤형 메뉴판 제공
api endpoint 변수화 작업 및 custom fetch 작성으로 유지보수성 향상
초대 링크를 받고 들어와 로그인 완료했을 경우 페이지 리디렉션 구현으로 사용자 경험 개선
로그인 상태 여부에 따른 페이지 리디렉션 구현으로 보안 강화
Swiper 라이브러리를 이용한 로그인 튜토리얼 제작으로 사용자 온보딩 최적화
Github : https://github.com/Swyp-team10/molip-front/tree/dev

프로젝트명

냉장고 뚝딱이 - 자취생들을 위한 레시피 공유 웹 어플리케이션

소속/기관명

오즈 코딩스쿨

프로젝트 기간

2024.05. ~ 2024.06.

프로젝트 내용

팀 구성 : 백엔드 3, 프론트 3
기술 스택 : React, TypeScript, Axios, Zustand, TailwindCSS, React Query
자취생들을 위한 레시피 공유 웹 어플리케이션 개발 프로젝트에서 팀장으로서 일감 분배, 일정 관리, 목표 관리 및 지속적인 코드 리뷰를 통해 코드 실수를 감소시킴. 팀 내의 지식 공유와 기술적 성장을 촉진하여 팀원들의 기술 역량을 향상
프로젝트 구조 설계 및 각종 컴포넌트와 페이지 개발을 주도하여 사용자 경험을 개선
React Query의 useInfinityQuery Hooks를 사용하여 무한 스크롤을 구현
API 연동 작업 전 코드 중복성을 제거하고 interceptor 작성을 위한 customAxios를 생성하 여 코드 유지보수성을 향상
Github : https://github.com/OZ-Coding-School/oz_02_main-003-FE

프로젝트명

Okivery - 경기도 포천시 외국인들을 대상으로 한 공유 주방 배달 웹 어플리케이션

소속/기관명

오즈 코딩스쿨

프로젝트 기간

2024.04. ~ 2024.05.

프로젝트 내용

팀 구성: 백엔드 3, 프론트 2, 기획자 2
기술 스택 : React, CSS3, TypeScript, Zustand, Axios
프로젝트 구조 설계 및 각종 컴포넌트 및 페이지 개발
자체 로그인, 회원가입 및 JWT를 활용한 로그인 토큰 관리로 보안 강화
GoogleMaps API를 활용한 사용자 주소 검색 및 저장 기능 개발로 인한 사용자 편의성 향상
lighthouse의 개선 사항을 참고한 성능 개선 작업
- 폰트, 이미지 최적화(LCP)
- 불필요한 js, css 코드 삭제(TTI)
- 이미지 크기 고정(CLS)
→ 페이지 로딩 속도 개선 및 레이아웃 변화 최소화
→ 성능 점수 : 61점에서 81점으로 향상
Github : https://github.com/OZ-Coding-School/oz_02_collabo-005