👋 안녕하세요, 평생 개발을 곁에 두고 싶은 박용준입니다.

  • TypeScript 사용을 좋아합니다.
  • 다수의 해커톤 및 프로젝트에 프론트엔드 파트 위주로 참여한 경험이 있습니다.
  • 심심할 때는 알고리즘 문제를 풉니다. (solved.ac P4, 1750+)

외국어고등학교를 다니면서도 『C언어의 정석』을 취미로 읽을 정도로 항상 컴퓨터를 다루는 걸 좋아했지만, 개발자를 직업으로 삼을 수 있다는 생각을 대학교 와서야 했습니다. 그저 놀 생각으로 간 42서울에서 리눅스 명령어를 입력하던 순간 평생 좋아할 수 있는 일을 찾았다는 안도감이 들었습니다.

대부분의 시간을 코딩으로 보내지만, 심심할 땐 종종 피아노를 칩니다. 철학이나 국제정치, 미래학을 주제로 한 책을 즐겨 읽고, 정보사회에서 벌어지는 일들에 관심이 많습니다. 최근에는 통계학을 공부하면서 데이터 시각화에 눈을 뜨기 시작하였습니다.

📎 이력서 PDF 링크

Project

2024.04 — 현재

블꾸 (개발 중)

5

프론트엔드 개발

스티커로 꾸미고 공유하는 블로그 SNS 웹서비스
  • DevKor 2024-1학기 Team Sprint 프로젝트
  • 디자인 토큰, 기본 UI 컴포넌트부터 개발하는 상향식 개발 방식 채택
  • 스토리북을 사용하여 shadcn/ui 기반의 컴포넌트 커스텀 - 변경에 유연하고 안정성이 높음
  • 페이지 당 컴포넌트 수가 적고 페이지 이동이 많은 모바일 플로우 개발 경험
  • 온보딩, 회원탈퇴 등 퍼널 구조 개발 경험

Next.js v14

TailwindCSS

shadcn/ui

Storybook

Vercel

2024.02 — 2024.04 (2개월)

PlusAlpha

4

프론트엔드 개발, 디자인

미국 AP Calculus 문제은행, 대시보드, 어드민 웹서비스
  • 유학원으로부터 외주를 받아 개발
  • 직접 피그마를 제작하여 클라이언트 요구사항에 대한 충분한 소통
  • Next.js에서의 반응형 차트 대시보드 개발 경험
  • SSR Fetching 시 HttpOnly 쿠키를 전달하는 과정에 대한 이해
  • 문의하기, 설정 변경, 어드민 등 React Hook Form 사용 경험

Next.js v14

TailwindCSS

shadcn/ui

React Hook Form

Chart.js

React-latex-next

AWS Amplify

PlusAlpha

2023.03 — 2024.02 (1년)

42Stat

5

프론트엔드 개발, 기획, 디자인

42 API를 가공하여 42서울 교육생의 통계를 보여주는 반응형 대시보드 웹서비스
  • 출시 당일(’23.08.17.) 300명 가입, 매일 100명 이상의 트래픽 발생
  • 2023 42서울 소프트웨어 경진대회 대상(과학기술정보통신부 장관상) 수상
  • CSS Grid를 이용한 반응형 차트 대시보드 개발 경험
  • GraphQL · Apollo Client · Codegen을 활용하여 Dto의 Type Safety를 간편하게 보장
  • Dialog, Segmented Control, Switch, Tab, Tooltip 등 20여 종의 기본 UI 컴포넌트 직접 제작
  • 페이지네이션, 무한 스크롤, 스포트라이트 이용 검색, 연간 활동 실적 잔디 등 다양한 기능 제작 경험
  • Lighthouse 수치 향상 경험 - Lazy Loading 및 Skeleton을 통한 성능 개선, SEO 최적화, VoiceOver를 직접 이용하며 웹 접근성 향상
  • 다크모드 지원, 디자인 토큰 체계의 중요성에 대한 이해
  • Git Rebase, Cherry-pick 등을 통한 협업 경험, Github Actions를 이용한 Project Board 자동화 경험

React v18

GraphQL (Apollo Client)

ApexCharts

TypeScript

Styled Component

Jotai

AWS S3 + CloudFront

42Stat

2022.12 — 2023.02 (3개월)

LastPong

4

프론트엔드 개발, 디자인

채팅, 초대, 관전이 가능한 실시간 탁구 게임 웹서비스
  • 42서울 공통과정 최종 과제
  • 피그마의 변수화, 오토 레이아웃, 컴포넌트-인스턴스 기능 사용 경험
  • 채팅, 초대, 게임 등 Socket.io를 이용한 소켓 통신 경험, Namespace & Room 개념 이해
  • Zustand를 이용한 전역 상태 관리 경험

Next.js (Pages Router)

Socket.io

TypeScript

Chakra UI

Zustand

Docker Compose

LastPong

2022.09 — 2022.12 (3개월)

밀리루틴

5

팀장, 프론트엔드 개발, 디자인, DB 설계, 배포

군인의 특성을 고려한 루틴 참여 및 추천 웹서비스
  • 2022 OSAM 군장병 해커톤 우수상(공군참모총장상) 수상
  • 멘토님의 피드백을 통해 불필요한 기능 제거 및 MVP 제작의 중요성 체감
  • 군 복무 중인 팀원들의 특성을 고려하여 매주 온라인 스크럼 진행
  • FE - BE - DB 간 API 명세, DB 스키마 명세를 통한 협업 진행
  • Github Codespace + Docker Compose 환경에서의 개발 경험
  • 도메인(miliroutine.co.kr) 구매 경험, CORS, HTTP-HTTPS Mixed Error 등 이슈 경험

React

TypeScript

TailwindCSS

Docker Compose

Microsoft Azure

밀리루틴

Toy Project

2024.03 (2일)

극락 퀴즈쇼

4

프롬프트 엔지니어링

'친구 사이에 숨은 AI 찾기' 컨셉의 채팅형 퀴즈 서비스
  • 2024 SKYST 해커톤(서울대, 고려대, 연세대, 카이스트 컴퓨터 동아리 연합) 대상 수상
  • 자유 채팅에서는 AI를 쉽게 찾아낼 것이라는 멘토님의 조언을 듣고, 모두에게 특정인처럼 연기하도록 지시하는 방향으로 기획 수정
  • SYSTEM, ASSISTANT, USER 구조에 대한 이해
  • 프롬프트 배치 순서, 구체적인 사례 제시 등 프롬프트 엔지니어링 전략에 대한 이해

Next.js (App Router)

WebSocket

GPT-4

극락 퀴즈쇼

2024.01 (3일)

개인 개발 블로그

1

1인 개발

  • Velog -> Github Blog(jekyll) -> Gatsby -> Notion 블로그 -> Next.js로 긴 리뉴얼을 거침
  • Contentlayer 사용 경험

Next.js (App Router)

Contentlayer

TailwindCSS

Framer Motion

Vercel

개인 개발 블로그

2024.01 (3일)

개인 포트폴리오 사이트

1

1인 개발

지금 보고 계신 사이트
  • Custom Hook 패턴으로 MouseTracker 기능 구현

Next.js (App Router)

TailwindCSS

Framer Motion

Vercel

2024.01 (3일)

Beforeleave

1

1인 개발

브라우저 탭을 닫기 전에 메모를 남길 수 있도록 도와주는 크롬 익스텐션
  • Chrome Manifest V3에 대한 이해

Chrome Extension API

JavaScript

CSS

Beforeleave

2023.04 (2주)

Cerebri Class

1

1인 개발

영단어를 입력하면 문제를 생성하여 Word 학습지를 제작해주는 웹서비스
  • 교내 스타트업 팀으로부터 MVP 제작 의뢰를 받아 간단히 개발
  • 주어진 디자인 시안, 마감 기한에 맞추어 개발

React

FastAPI

Python-docx

TypeScript

Styled Component

ChatGPT

Docker Compose

AWS S3 + CloudFront

Cerebri Class

Education

2019.03 — 현재

고려대학교

4학년 1학기 재학 중

정치외교학 전공통계학 이중전공
  • 학점 : 4.01 / 4.5
  • 교내 중앙 컴퓨터 동아리 KUCC 활동 (2023.09 ~ 현재)
  • 교내 웹개발 동아리 DevKor 활동 (2023.09 ~ 현재)

2020.02 — 2023.12 (2년*)

42서울

심화과정 종료

공통과정 수료 (2023.01)

Study

2024.03 — 현재

우테코 따라잡기 (근데 이제 Next.js를 곁들인)

5

세션장

동일한 보일러플레이트, 동일한 구현과제를 풀어보며 기초가 탄탄한 Next.js 개발자가 되기 위한 스터디
  • KUCC 2024-1학기 세션으로 진행
  • 구현과제 제작, 과제용 백엔드 제작 및 배포, 세션 진행 등 스터디 운영 담당

Certificate

2022.12.18.

PCCP Python3

Lv4 • 796 / 1000점

프로그래머스에서 주관하는 알고리즘 테스트

2020.10.09.

컴퓨터활용능력

1급

airplane