프론트엔드 개발자

정현섭

책임감

협업 지향

목표 지향적

학습 지향

<a target="_blank" rel="noopener noreferrer nofollow" class="notion-page-mention-token notion-text-mention-token notion-focusable-token notion-enable-hover" href="https://www.notion.so/peer-study/b6f7edf50677437b957079dc183dac70?pvs=24">스터디, 지식품앗이 및 후기 DATABASE</a><ul><li>42Seoul 커리큘럼 내 알고리즘, 운영체제, 네트워크 등 핵심 과제를 협업하여 해결하는 스터디를 개설하여 운영하였습니다.</li><li>C/C++ 기반 시스템 프로그래밍과 컴퓨터 과학 기초 지식을 동료 학습 방식으로 학습</li></ul>

42Peer 스터디 운영

<ul><li>알고리즘/자료구조 학습을 통한 최적화된 프론트엔드 로직 구현 능력 향상</li></ul><ul><li>Git 기반 협업 및 코드 리뷰 문화 경험</li><li>C/C++을 통한 메모리 관리 및 최적화 학습으로 JavaScript 런타임에 대한 이해</li><li>페어 프로그래밍을 통한 커뮤니케이션 능력 향상</li></ul>

과학기술정보통신부 산하 42Seoul

포트폴리오

개발 블로그

깃허브

<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.re-logging.com/">홈페이지</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/Re-logging">깃허브</a>개발 기간 - 2024.10 ~ 2024.12플랫폼 - Web개발 인원 - 4명 (팀 리더)담당 역할<ul><li>리로깅 서비스 핵심 기능 기획</li><li>메인 사용자 페이지 개발 전체 담당</li></ul>성과<ul><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://velog.io/@asroq1/NextJS-14%EC%97%90%EC%84%9C-%EC%95%88%EC%A0%84%ED%95%9C-OAuth-%ED%86%A0%ED%81%B0-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0">Next.js 서버에서 JWT 토큰 관리로 XSS 공격 취약점 방어 및 인증 요청 응답 속도 향상을 달성했습니다.</a></li><li>런칭 이후 3주 만에 160명의 방문자와 1,050건의 조회수를 기록했습니다.</li></ul>개발 환경언어 - TypeScript프레임워크 - Next.jsAPI, 라이브러리 - Zustand, React-hook-form, TanStack Query

리로깅 - 플로깅 커뮤니티 플랫폼

<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.peer-study.co.kr/">홈페이지</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/peer-42seoul/Peer-Frontend">깃허브</a>개발 기간 - 2023.09 ~ 2024.02 (6개월)플랫폼 - Web개발 인원 - 7인 프론트엔드 팀담당 역할<ul><li>사용자 페이지 - 쇼케이스 디테일 페이지</li><li>사용자 페이지 - 1대1 쪽지 페이지</li><li>UI/UX디자인 가이드 작성</li></ul>성과<ul><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://velog.io/@asroq1/%ED%94%84%EB%A1%A0%ED%8A%B8-%EC%84%B1%EB%8A%A5-%EC%B5%9C%EC%A0%81%ED%99%94">Next.js의 next/image를 활용해 이미지 확장자를 webp로 사용하여 이미지 용량 축소 및 레이지 로딩을 활용해 이미지 사이즈를 최적화하였습니다. </a> - LCP: 10초 이상 → 1.8초 (약 82% 개선)- Performance 점수: 50점 → 79점 (약 30% 증가)</li><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.peer-study.co.kr/pdf/peer-01.pdf">사용자의 편의성 증진을 위해 애플 HIG를 참고하여 UI/UX디자인가이드를 제작하였습니다.</a></li></ul>개발 환경언어 TypeScript프레임워크 Next.jsAPI, 라이브러리 Zustand, react-hook-form, SWR

Peer - 스터디 및 프로젝트 매칭 플랫폼

플리에서 프론트엔드 팀 인턴으로 근무하며 2주 만에 Vue.js, Nuxt.js, Pinia 등의 새로운 기술 스택을 습득하여 프로젝트에 기여했습니다.사용자 경험 개선<ul><li>시맨틱 마크업과 ARIA 속성 적용으로 접근성 점수 70 → 90 향상</li><li>일관된 로딩 상태 관리 시스템 구축</li></ul>크로스 브라우징 최적화<ul><li><a target="_blank" rel="noopener noreferrer nofollow" href="https://velog.io/@asroq1/%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0-%EC%9D%B4%EB%A9%94%EC%9D%BC-%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8-%ED%98%B8%ED%99%98%EC%84%B1-%EC%9D%B4%EC%8A%88.-Vue3%EB%A1%9C-%ED%81%AC%EB%A1%9C%EC%8A%A4-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95-%EC%A0%95%EC%83%81%ED%99%94-%ED%95%98%EA%B8%B0">다중 이메일 클라이언트 호환 템플릿 시스템 개발</a></li></ul>