wontae

안녕하세요,
정원태입니다.

Introduce.

사용자의 입장에서 해결해야 할 문제점을 찾고 협업을 통해 개선해나가는 과정 속에서 성장하고 있는 신입 프론트엔드 개발자입니다.
사용자 누구나 기대한 대로 작동하는 웹사이트를 선호하며 기술 문서 읽는 것을 좋아해 새로운 기술에 빠르게 적응합니다.

Projects.

GirlsPlanet999

  • 작업 기간2021.05 ~ 2021.06
  • 참여 인원Frontend 3명 / Backend 2명
  • 설명

    NCSoft에서 진행한 글로벌 아이돌 발굴 오디션 프로그램 웹페이지입니다.

  • 구현 내용
    • Youtube 및 mp4 영상 플레이어
    • 랭킹 차트 구현
    • 카운트 다운
    • 다국어 지원
  • 기술 스택
    • React
    • emotion
    • gsap

My Personal Website

  • 작업 기간2020.12 ~
  • 참여 인원Frontend 1명
  • 설명

    블로그와 이력서를 하나의 웹페이지에서 관리하기 위해 만든 개인 웹사이트 입니다.

    21.06.24 일자로 Next.js로 변경되었습니다.

  • 구현 내용
    • 기획, 디자인
    • 프론트엔드 전반적인 작업
    • Gatsby.js를 이용한 마크다운 블로그 포스팅 구현
    • gsap을 활용한 애니메이션 효과
  • 기술 스택
    • React
    • Next.js
    • Gatsby.js
    • styled-components
    • gsap

책메이트 (Checkmate)

  • 작업 기간2020.10 ~
  • 참여 인원Full-Stack 4명
  • 설명

    독서 경험 관리 플랫폼의 서비스 기획부터 배포까지 풀스택 개발자로 참여하였습니다.

    개인 서재관리(구현완료), 모임기능, 도서 큐레이팅 기능을 추가로 구현할 예정입니다.

    현재 종료된 프로젝트입니다.

  • 구현 내용
    • 서비스 기획, 디자인 (25%)
    • 메인 페이지 프론트 및 백엔드 API 구현
    • 좋아요 기능 프론트 및 백엔드 API 구현
    • Google Books API를 활용한 도서 검색 기능
  • 기술 스택
    • React
    • Next.js
    • styled-components
    • Node.js
    • MySQL
    • AWS (EC2, RDS, Lambda)

Arket Clone

  • 작업 기간2020.10 (2주)
  • 참여 인원Frontend 4명 / Backend 2명
  • 설명

    에이치엔엠(H&M)의 서브 고급화 브랜드 아르켓 온라인스토어 클론 프로젝트입니다.

  • 구현 내용
    • CRA를 활용한 프론트 엔드 작업 환경 구축
    • 메인 페이지 프론트 엔드 작업
    • 리뷰 페이지 기획 및 CRUD 기능 추가 구현
    • Redux를 활용한 전체 상태 관리
    • Git-rebase, squash를 사용한 git commit 관리
  • 기술 스택
    • React
    • styled-components
    • Redux

Line Friends Store Clone

  • 작업 기간2020.9 (2주)
  • 참여 인원Frontend 4명 / Backend 2명
  • 설명

    모바일 메신저 ‘라인’의 캐릭터 상품을 구매할 수 있는 라인 프렌즈 온라인 스토어 클론 코딩 프로젝트 입니다.

  • 구현 내용
    • 상세 페이지 프론트엔드 작업
    • 배송 데이터 차트 구현
    • Price 데이터로 적립금, 옵션 선택 시 총합 계산
    • 옵션 선택 기능 및 수량 추가에 따른 가격 계산 기능 구현
    • Rating 및 리뷰 기능
  • 기술 스택
    • React
    • SASS

Experience.

  • PlusX DX Front-end Developer

    2021.01 ~ 2021.06

    디자인 에이전시에서 자사 브랜드 사이트 관리 및 리뉴얼과 NC Soft와 진행한 GirlsPlanet999 프로젝트를 진행했습니다.

  • Wecode 프론트엔드 개발자 과정 12기

    2020.08 ~ 2020.11

    Trello와 같은 tool을 활용한 스크럼 방식 아래 프로젝트 진행하게 되었으며 팀원 간의 커뮤니케이션에 대한 올바른 방법을 배웠습니다.

  • 대우직업능력개발원 웹퍼블리셔 과정

    2019.09 ~ 2020.06

    국비지원 과정을 통해 웹표준에 맞는 구조와 반응형 웹페이지 구현이 가능합니다.

Skill.

  • HTML / CSS

    시멘틱 마크업과 웹표준을 준수하며 레이아웃과 애니메이션 구현에 능숙합니다.

  • Node.js / GraphQL

    아직은 부족하지만 Express를 활용하여 라우팅과 로직의 모듈화가 가능하며 Prisma를 이용하여 MySQL에 구축된 데이터베이스를 조작할 수 있습니다. 현재는 능숙하게 다룰 수 있도록 지속적으로 공부하고 있습니다.

  • Gatsby.js

    Static한 개인 웹페이지를 만들기 위해 사용하였습니다. 스타터를 사용하지 않고 GraphQL와 Gatsby Node APIs를 이용하여 마크다운 블로그를 구축할 수 있고 현재는 적절한 SEO 적용을 위주로 공부하고 있습니다.

  • Redux (react-redux)

    Ducks Pattern을 활용하여 리엑트 내의 전역 상태 관리를 할 수 있습니다. 현재는 미들웨어와 최적화를 위주로 공부하고 있습니다.

  • React

    Functional Component, Hooks, Class Component, Styled Component, SASS에 익숙하고 라이프 사이클을 적절히 활용할 수 있습니다. 현재는 적절한 컴포넌트 분리와 재사용을 위한 Custom Hook 위주로 공부하고 있습니다.

  • Javascript (ES6+)

    ES6 이후의 모던 자바스크립트를 활용해 프로젝트에 적용할 수 있으며 조금 더 깔끔한 코드를 위해 지속적으로 공부하고 있습니다.