미리보기
기본 정보
안녕하세요. 효율적인 개발과 가치를 중요하게 여기는 프론트엔드 개발자, 박지훈입니다.
자기소개
효율을 추구합니다. 이런 성향 덕분에 효율적인 사용자 경험을 제공하는 프론트엔드 개발의 길을 선택하게 되었습니다.
모르는 것을 부끄러워하지 않고, 새로운 것을 배우고 잊지 않으려 노력합니다.
일상의 편리함을 더하는 것을 목표로 하며, 다양한 사람들의 삶을 조금 더 나아지게 하는 개발자가 되기를 지향합니다.
단순한 기능 구현을 넘어서, 사용자에게 실질적인 가치를 제공하는 개발에 대해 깊이 고민합니다.
지금은 완전하지 않지만, 지속적인 성장을 통해 완벽한 개발자가 되기 위해 노력하고 있습니다.
기술 스택
HTML/CSS, React, Next.js, JavaScript, TypeScript, Node.js, Prisma
프로젝트
[ 개인 프로젝트 ] 웹 포트폴리오 - PJH Portfolio
개인
2023.11. ~ 2024.01.
이전에 진행한 프로젝트를 정리하고 보여줄 수 있도록 웹 포트폴리오를 제작했습니다.
[ 사용 기술 및 도구 ]
React, JavaScript, TypeScript, styled-components, Netlify
[ 개발 포인트 ]
TypeScript를 활용해 변수의 타입을 명확히 정의, 잘못된 데이터 유형 전달을 방지하여 런타임 오류 차단
다양한 디바이스의 화면 크기에 맞춰 레이아웃과 스타일을 최적화하여 반응형 웹 구현
Framer Motion을 활용한 부드러운 애니메이션 효과 구현을 통해 사용자 경험 개선
이미지 최적화를 위해 파일 확장자를 PNG에서 WebP로 변환
파일 크기 92.7% 감소, 페이지 로딩 속도 4.3초 -> 1.5초로 약 65% 개선
Google PageSpeed Insights에서 90점 이상의 성능 점수 기록
공통 UI 컴포넌트를 모듈화하여 코드량 감소 및 유지보수성 개선
useParams를 사용한 세부 페이지 동적 렌더링, useLocation을 활용한 경로 기반 스타일링 적용을 통해 코드량 감소 및 성능 최적화
상세 내용 : https://www.notion.so/parkresume/Personal-Website-a52d436f21094ea08b936322f4b1f1a9
GitHub : github.com/pjh-portfolio
[ 개인 프로젝트 ] 게시물 관리 웹 서비스 - Notification
개인
2023.07. ~ 2023.08.
게시물을 등록, 수정 및 삭제 할 수 있는 서비스를 개발했습니다. 평소 꾸준히 학습했던 Next.js를 이용하여 프론트엔드와 백엔드를 모두 경험하고 싶어 해당 서비스를 기획했습니다.
[ 사용 기술 및 도구 ]
Next.js, TypeScript, styled-components, Node.js, Prisma, SQLite
[ 개발 포인트 ]
TypeScript를 활용해 변수의 타입을 명확히 정의, 잘못된 데이터 유형 전달 방지를 통한 런타임 오류 차단
CRUD 기능을 담당하는 커스텀 훅(usePost, useDelete, useEdit 등)을 설계하여 코드 중복 20% 감소
Prisma를 이용해 SQLite 데이터베이스 설계 및 구축하여 데이터 관리 효율성 증가
RESTful API를 설계하고 개발하여 게시물의 CRUD 기능을 정확하게 구현
상세 내용 : https://www.notion.so/parkresume/Notificaiton-c0b79fde753945c28204a9b0b625b414
GitHub : github.com/notification
[ 팀 프로젝트 ] 사용자 간 아이콘 무료 공유 플랫폼 - ICONDB
인제대학교
2022.03. ~ 2022.06.
ICONDB 프로젝트에서 3명의 개발자 중 프론트엔드 개발 담당했습니다. 프로젝트 기획, 설계, 프론트엔드 개발, 배포까지 모든 단계를 진행했습니다.
[ 사용 기술 및 도구 ]
HTML5, CSS3, JavaScript, React, styled-components, Node.js, MySQL
[ 프로젝트 기여 ]
Google API Client Library를 사용해 Google 로그인 개발
다양한 디바이스의 화면 크기에 맞춰 레이아웃과 스타일을 최적화하여 반응형 웹 구현
HTML, CSS, JavaScript에서 React와 styled-components로 개발 환경 전환
공통 UI 컴포넌트 제작, 코드량을 20% 감소 및 코드 재사용성과 유지보수성 향상
Notion을 활용해 체계적으로 회의록을 정리
프로젝트 진행 상황을 명확히 파악하여 목표 기간 10% 단축
상세 내용 : https://www.notion.so/parkresume/ICONDB-680a951dc4d64d27b04d23be88ec8453
GitHub : github.com/icondb
교육
인제대학교
대학교(학사) | 컴퓨터공학과
2017.03. ~ 2023.02. | 졸업
대외활동
Mega-Brain
교내 프로그래밍 동아리
학과 내 웹 개발 동아리에서 활동하였습니다.
주요 활동
2주마다 정기 모임을 통해 웹 개발 관련 기술을 학습하였습니다.
방학 동안 팀원들과 협력하여 웹 개발 프로젝트를 수행하며 실제 개발 경험을 체득했습니다.
배운 점
동아리 활동을 통해 웹 개발에 대한 긍정적인 인식을 갖게 되었으며, 본격적으로 웹 개발자로서의 커리어를 준비하는 데 필요한 지식과 경험을 얻었습니다.
컴퓨터공학부 학생회
인제대학교
컴퓨터공학부 학생회 임원으로 활동하였습니다.
주요 활동
학부생들의 다양한 의견을 수집하고 학과 운영에 반영하여, 보다 나은 학습 환경 조성에 기여했습니다.
SNS를 활용해 학생들과 원활하게 소통하며 문제 발생 시 신속하게 대응할 수 있었습니다.
배운 점
비록 개발과 직접적인 관련은 없지만, 학생회 활동을 통해 사용자 중심의 사고와 효과적인 문제 해결 능력을 배양할 수 있었습니다.
