Resume.

date
Jun 25, 2022
thumbnail
slug
resume
author
status
Published
tags
summary
type
Page
updatedAt
Feb 18, 2023 07:40 AM

반갑습니다. 저는 정준혁입니다.

Email
jhjeong00@gmail.com
Phone
010 2544 1586
Github
https://github.com/HyeokE

Introduction

문제를 정의하고 해결하는데 강점이 있습니다.
사용자를 먼저 생각하고 사용자의 불편함을 해소하는데 집중합니다.
프론트엔드는 사용자에게 가장 맞닿은 직군이라고 생각하기 때문에 사용자의 문제를 해결하기 위한 개발을 하고 있습니다.

Work Experience.

Shopl&Company

Frontend Developer 2023.01 - 현재
 

Hada Design System.

 

Project Experience.

Google DSC Korea.

Frontend Developer 2021.08 - 현재
 

GDSC DJU Web.

Github Website
팀 구성: frontend 1 2021.10.29 - 2021.12.27

Description

1인 개발로 제작한 커뮤니티 소개 및 지원사이트 입니다. 제작 이후 지원자 수가 50% 증가했습니다. 코드 리팩토링을 진행하며 React-lazy를 통한 최적화로 lighthouse 기준 performance 점수를 92점까지 향상시켰습니다. 주기적으로 코드를 개선하고 기능을 추가하고 있으며 최근 디자인 변경을 진행했습니다.

What did I do

  • webpack → vite 번들러 변경으로 빌드 속도 67% 상승 (98.40s → 42.88s)
  • 성능 개선을 위한 React-Lazy 적용
  • 사이트에서 사용되는 color, font-size 디자인 에셋 설정
  • SVG 모션 사파리 크로스브라우징 이슈 해결
  • 포지션 별 지원하기 기능 개발
  • react-hook-form을 이용한 validation
  • 사용자 세팅에 따른 다크모드 적용 개발
  • Github Action firebase Hosting/Preview 세팅
  • 코드 재사용성 증가를 위한 Component 분리
  • Onboarding page 개발
  • html2canvas를 이용한 boarding pass 저장기능 제작

What did I Learn.

  • CORS 오류
  • 무료 도메인 이슈
  • font-family 이슈

Tech Stack

React, TypeScript, Styled-component, Recoil, Framer-motion, firebase Hosting, @gdsc-dju/styled-components

Tech blog.

Github Website
팀 구성: frontend 3, backend 3, designer 3
2022.02.08 - 중단

Description.

GDSC DJU 내부 사용 목적으로 개발된 기술 블로그입니다. 프로젝트를 처음 참여하시는 멤버 분들을 고려하여 프로젝트를 진행했습니다. Atomic Design Pattern을 활용해 리팩토링하며 협업하기 쉬운 코드를 짜려고 노력했습니다.

What did I do.

  • CI/CD 세팅
  • 디자인 패턴 제안 및 적용
  • 내 블로그, 스크랩, 프로필 수정 페이지 개발
  • 글 작성, 수정 페이지 리팩토링
  • Alert, Modal 개발

TechStack.

React, TypeScript, Styled-component, Recoil, React-Query, Framer-motion, firebase Hosting

GDS.

Github(theme) Github(UI) NPM Docs
팀 구성: frontend 1, designer 1
2022.8 - 현재

Description.

중복을 줄이기 위해 웹 서비스에서 자주 사용되는 컴포넌트와 디자인 에셋들을 라이브러리로 만들었습니다. Rollup 도입으로 약 40%의 용량 감소를 이뤘습니다. Styled-Components 기반 라이브러리의 한계를 느끼고 CSS 변수를 사용하는 방식으로 변경 중입니다.

What did I do.

  • mode type에 따른 dark, light mode 변경 기능 개발
  • token type 지정
  • Navigation, Footer, Input 등 공용 컴포넌트 개발
  • npm package 배포

TechStack.

React, TypeScript, Styled-Components

GDSC DJU Admin.

Github
팀 구성: frontend 1, backend 1
2022.05.25 - 2022.07.04

Description.

커뮤니티 규모가 커짐에 따라 지원자 관리 기능의 필요성을 느껴 시작하게 되었습니다. 지원서 열람, 지원서 코멘트, 지원자 별 이메일 자동전송 기능을 포함하고 있습니다.

What did I do.

  • 지원자 관리 페이지, 지원서 Modal 개발
  • 지원서에 대한 comment 기능 개발
  • 지원자 합류과정에 따른 filter 기능 개발
  • 이메일 로그 열람 및 이메일 자동 전송 기능 개발

TechStack.

React, TypeScript, Styled-component, Framer-motion, firebase Hosting, firestore, emailjs, React-Query, Jotai

Communication.

Overall.

  • Framer-motion을 사용하여 UI 및 애니메이션 구현을 즐깁니다. 꼭 애니메이션이 디자인에 포함되어 있지 않아도 선행해서 애니메이션을 구현하거나 제안하는 편입니다.
  • 프로젝트에 필요하다면 능숙하지 않아도 학습하여 최적의 결과를 낼 수 있도록 노력합니다.
  • 커뮤니티 혹은 팀의 프로세스 및 문화를 개선하거나 바꾸려는 시도를 적극적으로 하며 아이디어의 수용이 빠릅니다.
  • 직위 및 포지션에 관계없이 적극적으로 생각을 피력합니다.
  • 자신이 틀렸을 수도 있다는 생각을 가지고 있습니다.
  • 커뮤니케이션은 적은 것보다 많은게 좋다고 생각합니다.
  • 프로덕트의 기획 회의부터 참여하는 것을 선호합니다.

JavaScript.

  • JavaScript 동작원리를 이해하고 있으며 ES6+ 문법을 사용합니다.
  • Yarn과 Yarn Berry 사용을 선호합니다.

React.

  • React hook을 적절하게 사용할 수 있으며 필요에 따라 커스텀 훅을 제작할 수 있습니다.
  • 여러 디자인 패턴을 이해하고 있으며 필요에 따라 적절한 패턴을 사용할 수 있습니다.

Web.

  • FCP, LCP, TTI 등의 웹 성능 지표를 이해하고 있으며, 성능 최적화를 위한 방법을 알고 있습니다.
  • 검색엔진의 웹 크롤링 방식을 이해하고 있으며, SEO 최적화를 고려하며 개발합니다.

Other Experience.

Google Developer Student Clubs Korea.

Frontend Developer
2021.08 - 현재
Google Developers에서 지원하는 GoogleDSC Daejin University 챕터의 1기와 2기 리드를 맡고 있습니다.
  • 커뮤니티 내부에서 사용하는 서비스들을 개발했습니다.
  • 영어 닉네임을 도입하여 학번, 나이, 경력에 상관없이 수평적 문화를 조성하도록 노력했습니다.
  • 충돌은 더 나은 환경을 만든다고 생각하기 때문에 모두가 생각을 피력할 수 있는 환경을 조성했습니다.
  • Notion과 Slack을 사용하여 내부 활동들을 문서화하고 있습니다.
  • 내부 활동을 마친 후 참여인원이 회고록을 작성함으로서 더 발전할 수 있는 환경을 만들고 있습니다.
 

GDSC Career, 하루간 구글을 무료체험 해보세요.

2022. 07. 02
구글러와 함께하는 커리어 세션을 기획 및 운영했습니다.
 

대진대학교.

휴먼IT융합학부 - 로봇공학과
3학년 2학기를 마치고 휴학 중입니다.