박정수

프론트엔드 개발자 & 디자이너

디자인하고 개발하는 박정수 입니다. IT 업계에서 4년동안 일해왔습니다. 모던 프론트엔드 개발부터 UI/UX, 그래픽 디자인, 크리에이티브 코딩까지 다양한 작업을 합니다. 실험적인 프로토타이핑부터 웹/모바일 어플리케이션의 개발 및 설계, 그래픽 소프트웨어 자동화 시스템 구축, 기업 포트폴리오 웹사이트 제작 등 여러 분야의 일을 넘나들며 해왔습니다. 한켠으로는 웹을 바탕으로 한 인터랙티브 미디어 아트 작업을 진행 중 입니다. 멋진 비주얼과 도전적인 기능을 담은 웹사이트가 필요하시다면 연락주세요. 혹은 무엇이든 코딩과 디자인 사이의 일이라면 환영입니다! 어떤 작업이 가능할지 함께 이야기를 나눠봅시다.

Experience

Education

  • 컴퓨터공학 학사
    한국방송통신대학교 (2021-2023. S.KOREA)
  • 시각디자인 학사 | 영상디자인 부전공
    이화여자대학교 (2015-2020. Seoul)
  • 교환학생
    Hong Kong Baptist University (2017. Hong Kong)

Publication

2022-2023

work

  • MAU 5만인 웹 어플리케이션을 Rails 기반 프레임워크에서 Next.js로 이전했습니다.
  • 유저 데이터베이스와 그래픽 소프트웨어를 연동해 자동화된 개인 맞춤 굿즈 제작 시스템을 구축했습니다.
  • 뽈레 기프트 사진 뽈레 기프트 사진 뽈레 기프트 사진 뽈레 기프트 사진 뽈레 기프트 사진 뽈레 기프트 사진
  • React Native 기반의 모바일 어플리케이션을 디자인, 프로토타이핑, 개발 및 유지보수 하며 3번의 메이저 버전 업그레이드에 기여했습니다.
  • 앱스토어 ↗
  • 뽈레 앱의 메인 화면 뽈레 앱의 요즘 뜨는 장소 화면 뽈레 앱의 검색 결과 화면 뽈레 앱의 음식점 랭킹 화면

side project

  • 국립현대미술관에서 전시한 <프로젝트 해시태그 2023>(랩삐)를 위한 웹 기반 게임 어플리케이션을 제작했습니다.
  • 전시 소개 ↗
  • 부산현대미술관에서 열린 <포스트모던 어린이> 전시에 HHHA 멤버로 참여했습니다.
  • * 아두이노와 열전사 프린터, 웹을 이용한 어린이를 위한 비권장도서 소개
  • 웹사이트 ↗
  • 작업을 감상하는 어린이, 도서 설명이 나오는 스크린을 바라보고 있다 개인 작업의 전체적인 모습 전체 그룹 작업 설치를 조망한 모습 전체 그룹 작업을 감상하는 사람들을 장노출로 찍은 사진 바닥에 설치된 작업 설명문을 찍은 사진
  • * 어린이 장난감 광고에서 차용한 그래픽 작업
  • 웹사이트 ↗
  • 작업 스크린샷
  • Cargo 웹빌더를 이용해 건축사무소를 위한 포트폴리오 웹사이트를 개발했습니다.
  • 웹사이트 ↗
  • 포트폴리오 웹사이트에 데스크탑 화면 포트폴리오 웹사이트의 모바일 화면
  • C언어, 자료구조, 알고리즘, 선형대수, 컴퓨터 그래픽스 및 네트워크 시스템을 공부했습니다.
  • * C언어를 이용한 정렬 알고리즘, dynamic array, 해시, MySQL ORM 프레임워크
  • 코드 ↗

2021

work

  • 음식점 검색, 추천, 랭킹 시스템을 위한 핵심 알고리즘 개발에 참여했습니다.
  • 한국 공간정보 데이터베이스와 OpenStreetMap 로우데이터를 이용해 Mapbox GL JS 렌더러에 호환되는 커스텀 벡터 지도 타일을 제작했습니다.
  • 낮은 줌 레벨의 지도 스크린샷 중간 줌 레벨의 지도 스크린샷 높은 줌 레벨의 지도 스크린샷 최고 줌 레벨의 지도 스크린샷 도로 렌더링 위주로 찍은 지도 스크린샷 흑백 도트 버젼의 지도 스크린샷 Cairo로 렌더링한 지도 스크린샷 도로 위계에 집중한 지도 스타일링 폴리곤 자르기 알고리즘을 보여주는 이미지
  • React Native 기반의 draggable list view 라이브러리를 제작했습니다.
  • Draggable list view의 동작을 보여주는 영상

side project

  • 오픈소스 실행 구조 분석 세미나에서 Mapbox GL JS의 실행 구조를 분석해 발표했습니다.
  • 발표 자료 ↗
  • 벡터 타일과 스타일 구조를 설명하는 PPT 스크린샷 스타일, 소스, 데이터로부터 타일을 제작하는 과정을 설명한 PPT 스크린샷 지도가 WebGL 캔버스를 통해 렌더링되는 과정을 설명한 PPT 스크린샷
  • 발표 텍스트 ↗
  • 2022 코리아디자인어워드 커뮤니케이션 디지털 부문에서 상을 수상한 <알파벳 프로젝트>에 참여했습니다.
  • 프로젝트 아카이브 ↗
  • HHHA 아카이브 사이트 스크린샷
  • * K-최근접 이웃 알고리즘을 이용해 이미지의 주요 색상을 찾는 프로그램
  • 이미지의 주요 색상을 시각화해서 보여주는 프로그램의 스크린샷 이미지의 주요 색상을 시각화해서 보여주는 프로그램의 스크린샷
  • * CSS grid와 재귀 함수를 이용해 한국의 이혼율을 시각화하는 웹사이트
  • 가족 이모지를 이용한 한국의 가정 분포 시각화. 한부모 가정은 컬러 로, 다른 가정은 흑백로 표현되어있다 가족 이모지를 이용한 한국의 가정 분포 시각화. 한부모 가정은 컬러 로, 다른 가정은 흑백로 표현되어있다 가족 이모지를 이용한 한국의 가정 분포 시각화. 한부모 가정은 컬러 로, 다른 가정은 흑백로 표현되어있다
  • * Soket.IO를 이용해 간단한 비주얼 채팅 어플리케이션
  • 비주얼 채팅 프로그램의 스크린샷
  • * D3.js을 이용해 방문했던 웹사이트의 쿠키를 시각화하는 웹사이트
  • 쿠키를 시각화하는 그래프의 스크린샷
  • WordPress를 이용해 여성 호신술 강좌를 위한 웹사이트를 디자인 및 개발했습니다.
  • 웹사이트 ↗
  • 웹사이트의 메인 화면 웹사이트의 리뷰 화면 웹사이트의 프로그램 페이지 프로그램 페이지의 모바일 뷰
  • p5.js과 트위터 API를 이용해 퀴어 커뮤니티를 위한 인터랙티브 담벼락 웹사이트를 만들었습니다. 캠페인 해시태그를 이용한 트윗을 수집하고 수집한 트윗을 벽에 써진 낙서처럼 시각화해 보여줍니다.
  • 웹사이트 ↗
  • 트윗이 적혀진 담벼락 스크린샷 트윗이 적혀진 담벼락 스크린샷 캠페인 해시태그의 트위터 검색결과

2020

work

  • React Native를 기반으로 swipeable tab view 라이브러리를 제작했습니다.
  • Swipeable tab view의 동작을 보여주는 영상
  • React Native 기반의 모바일 어플리케이션을 디자인, 프로토타이핑, 개발 및 유지보수 하며 3번의 메이저 버전 업그레이드에 기여했습니다.
  • Rails에 기반한 프레임워크로 제작된 웹 어플리케이션을 개발 및 유지보수했습니다.
  • 웹사이트 ↗
  • 뽈레 웹의 메인 화면 모바일 앱 기능 설명 페이지 뽈레 웹의 장소 페이지 뽈레 웹의 타임라인 페이지

~2019

work

  • 그래픽 디자인 인턴으로 일하며 편집디자인 및 그래픽디자인을 담당했습니다.

side project

  • WordPress를 기반으로 디자인 졸업전시 아카이빙 웹사이트를 디자인하고 개발했습니다.
  • 아카이브 사이트의 메인 화면 개인 작업 페이지 개인 작업 페이지
  • p5.js, Flask, TinyDB를 이용해 유튜브의 ‘다음 추천 동영상’을 보여주는 데이터 시각화 웹사이트를 제작했습니다. 이 프로젝트는 주어진 동영상 URL을 바탕으로 검색 결과의 동영상과 그에 따른 추천 동영상들을 크롤링한 후 그 관계를 시각적으로 변환합니다.
  • 웹사이트 ↗
  • 설치된 작업 사진 프로젝트의 메인 화면 프로젝트의 더보기 화면
  • 대학에서 다양한 편집디자인, 그래픽디자인, 미디어아트 작업을 진행했습니다.
  • * 서울의 건물들을 시간, 공간, 법이라는 요인에 따라 ‘끼어있다’고 보고 이들을 분류하고 아카이빙해 정리한 책과 영상 작업.
  • 비디오 ↗
  • 빌딩들을 아카이빙한 책 사진 빌딩들을 아카이빙한 책 사진 빌딩들을 아카이빙한 비디오 스크린샷 빌딩들을 아카이빙한 비디오 스크린샷
  • * 일본 슈퍼마켓 전단지에서 차용한 그래픽 영상 작업
  • 비디오 ↗
  • 비디오 스크린샷
  • * 잡지 이코노미스트의 모바일 앱 및 인쇄판을 비교해 서로 일치하지 않는 요소만을 남겨낸 작업
  • 책과 앱을 배치한 사진
  • * 사용자가 글자 요소를 조합해 새로운 글자를 만들 수 있는 한글 레터링 아카이빙 사이트
  • 웹사이트 ↗
  • 프로젝트 랜딩 페이지 마우스를 이용해 글자를 조합할 수 있는 페이지 아카이빙된 글자 갤러리 페이지