풀스택을 지향하는 프론트엔드 주니어 개발자 박정혁입니다. 학부 시절, 우연히 프로그래밍 수업을 듣기 시작했을 때부터 코딩이 주는 즐거움에 빠져 이 자리까지 왔습니다. 지금은 직접 만든 UI가 상호작용하는 것을 보며 그 즐거움을 이어나가고 있습니다. React를 이용한 웹 개발에 가장 자신 있으며 효율적이고 가독성 높은 코드를 위해 항상 고민합니다.

Mobile

010-3321-3048

Email

[email protected]

Github

https://github.com/Dinn

Blog

https://dinn.github.io/

Skills

Front-end

React, Redux, Apollo-Client, Redux-saga, React-Native, Webpack, Babel

Back-end

Node.js, Express.js, GraphQL, Apollo-Server, MySQL, Sequelize, MongoDB, Mongoose

Language

JavaScript, TypeScript, C, Java

Projects

2020.11 - 2020.12

네이버 인턴 프로젝트

실시간좌석예약 시스템

네이버 주문&예약 서비스의 기능 개선 제안 프로토타입

Front-end: TypeScript, React, GraphQL, Apollo-Client, React-Redux, React-Router

• 초기 개발 환경 세팅: CRA로 리엑트 프로젝트 생성, apollo-client 구축, 리덕스 적용
• 페이지 라우팅 및 구현: 공연 선택, 회차 선택, 좌석 선택, 결제 페이지 라우팅 및 구현
• 컴포넌트 구현: 좌석표 컴포넌트를 제외한 모든 컴포넌트 구현

Back-end: TypeScript, GraphQL, Apollo-Server, MongoDB, Mongoose

• 좌석 상태 변경 api 구현: 좌석 상태 변경을 위한 GraphQL type 및 resolver 구현
• 유저 식별 기능 구현: JWT를 부여하는 쿼리와 토큰을 검증하는 미들웨어 구현

2020.07 - 2020.08

코드스테이츠 기업 협업

배포(Android, ios) / 회고

미세톡톡

휴먼스케이프에서 서비스 중인 미세톡톡 앱 개선

Front-end : React, Redux-saga, React-Redux, React-Native

• 에러 로직 개선: Error Boundary 설정 및 Fallback UI 적용
• Toast 개선: 토스트 사용 시, 메세지만을 인자로 갖도록 호출 방식 통일
• Redux-Saga 상태 관리 로직 개선: try...catch...finally 구문 모듈화를 통해 중복된 코드 제거
• 컴포넌트 리팩토링: 남아있는 클래스 컴포넌트를 함수 컴포넌트로 리팩토링
• README 문서 개선: 개발 환경 설정과 프로젝트 파일 설명을 보강한 온보딩 가이드 작성

2020.06 - 2020.07

코드스테이츠 프로젝트

*배포 / 깃헙 / 회고*

청소년 쉼터 지도

경기도 소재 청소년 쉼터 지도

Front-end : React, React-Redux, CSS

• 쉼터 필터링 구현: 지역, 성별, 보호 기간별 쉼터 필터링 기능 구현
• 쉼터 목록과 지도 연결: 한쪽의 이벤트에 목록과 지도가 동시에 반응하도록 구현
• 반응형 웹 디자인 설정: CSS 미디어쿼리로 break point 설정, 모바일 화면 최적화