Taejun0

Portfolio

Taejun0-portfolio

About

OhTaejun

Frontend Developer · 웹으로 표현하고 소통하는 개발자.

JavaScriptReactNext.jsSpring BootDockerEmotionFigmaGitHubNotionJestPlaywrightStorybookJavaScriptReactNext.jsSpring BootDockerEmotionFigmaGitHubNotionJestPlaywrightStorybook

Approach

Development Philosophy

프론트엔드는 사용자와 가장 먼저 마주하는 영역이며, '보이는 것' 그 이상의 의미를 가진다고 생각합니다.

저는 D-Order라는 축제 주문 시스템 프로젝트에서 사용자 흐름을 기반으로 UI/UX를 설계했습니다. 테이블 이용료처럼 예외 조건이 많은 로직도 자연스럽게 안내할 수 있도록 구성했고, 장바구니나 모달 인터랙션 또한 흐름을 끊지 않도록 고민했습니다.

하지만 진짜 소통은 사용자뿐 아니라 팀원 간의 커뮤니케이션에서도 빛난다고 믿습니다. 짧은 개발 기간 동안 API 명세를 실시간으로 문서화하고 공유한 경험은 작업 오류를 최소화하는 동시에, 개발 속도를 높여주었습니다.

"모른다"고 말하는 것을 주저하지 않고, 이해를 바탕으로 함께 설계하는 태도는 제가 가장 자랑스러워하는 역량 중 하나입니다.

Trajectory

경험과 배움

저를 만들어 온 경험을 간단히 정리했습니다.

  1. 2020

    동국대학교 입학

    • 다빈치, 공학교육혁신센터 선발
    • 코로나19로 인한 비대면 학기 경험
  2. 2021

    CAPS 34기 · 다빈치 프로그램

    • 학술 창업 동아리 CAPS 기획부원 — HTML/CSS 스터디
    • IoT 스마트 메이커스 프로그램 수료
    • 동국대 코테 대비 캠프 수료
    • HTML
    • CSS
    • IoT
  3. 2022 — 2023

    군 복무

    • 병장 만기 전역
    • 서비스 정신과 책임감을 되새긴 시간
  4. 2024

    멋쟁이사자처럼 12기 · DB 드림리더

    • 프론트엔드 트랙원 및 홍보팀장
    • 교내 해커톤 ‘심바톤’ 2등상
    • 멋사 중앙해커톤 참가 · 4호선톤 입선(5위)
    • DB 드림리더 — ESG 환경 문제 도출·솔루션
    • React
    • JavaScript
    • Node.js
  5. 2025

    멋쟁이사자처럼 13기

    • 프론트엔드 트랙장
    • D-Order 프론트 팀장 — 축제 부스 운영 플랫폼
    • (주) 서큘러스 프리랜서 — WCRC 로봇대회 멘토링·교육 콘텐츠
    • 한국통신학회 하계학술발표회 아이디어경진대회 후원업체상
    • Leadership
    • TypeScript
    • Next.js
  6. 2025.10 — 2025.12

    항해99 · 스파르타코딩클럽

    • 동료들과 함께하는 집중 학습 — 알고리즘·CS 기초와 문제 풀이 루틴
    • 팀 프로젝트와 코드 리뷰로 협업·피드백 경험
    • SSAFY 입학 전 개발 역량과 학습 습관 정립
    • Algorithm
    • CS
    • Collaboration
  7. 2026

    진행 중

    Samsung SW Academy For Youth (SSAFY)

    • 알고리즘 학습을 루틴으로 만들고 문제 해결 역량 강화
    • 백엔드 전반(설계·API·DB)으로 서비스 관점 확장
    • AI 분야까지 학습 범위를 넓혀 실전 적용 준비
    • Algorithm
    • Backend
    • AI
  8. 2026.07 — 2026.10

    진행 중

    OSSCA 2026

    • 실제 전문가와 함께하는 오픈소스 컨트리뷰션 경험
    • Open Source
    • Contribution
    • Collaboration

Stack

주요 기술 스택

메인 Stack에서 보기
01

Language

  • JavaScript
  • Java
02

Frontend

  • HTML & CSS
  • React
  • React Native
  • Next.js
  • React Query
  • Framer Motion
03

Backend

  • Spring Boot
  • Redis
  • WebSocket
04

Infra & Tools

  • Docker
  • GitHub
  • Notion
05

Testing

  • Jest
  • Vitest
  • MSW
  • Playwright
06

UI

  • Emotion
  • Figma
  • Storybook