YSJ

Frontend Developer (Blockchain / Web3)

Yoon Sung Jung단순하고 강력한 프로제트 경험을 만듭니다

React · Next.js · TypeScript · Web3 UI/UX

About

경험, 장점, 고민, 역량

웹프론트엔드로서 중요하게 다루어 온 방향을 정리했어요.

One-liner
Web3, games, and AI — I craft clear screens and smooth flows so complex products feel simple.

Strengths

  • Trading, staking, and admin surfaces stay consistent and easy to scan.
  • Redux Toolkit, Zustand, TanStack Query — server vs client state, on purpose.
  • Bundle, render, and runtime — trim what users wait on.
  • Open to the new: No hesitation with unfamiliar tools or stacks — I adopt what helps the team ship faster and document how we use it.

AI-focused workflow

  • Figma × MCP: Use AI-assisted Figma with MCP to tighten design-to-code loops and keep a repeatable front-end setup (tokens, components, handoff checks).
  • LoRA & Python: Build Python pipelines to train LoRA adapters on image models and plug the outputs into real product flows (generation, QA, iteration).
  • Rules & Markdown: Maintain AI rules and structured .md guides so prompts, reviews, and “how we ask questions” stay consistent and reusable across the team.

What I think about

  • Design system depth vs ship speed — reusable without slowing the team.
  • Web3 UX — wallets, pending txs, errors explained for everyone.
  • Long-term maintenance — folders and names the whole team can share.

Frontend practice

  • SSR: Lean hydration, meaningful server output.
  • SEO: Metadata, semantic HTML, share-ready OG.
  • Team folders: Domain-first paths, shared UI, less duplication.
  • App Router: Layouts, loading, error boundaries as defaults.
  • Tailwind + shadcn/ui: Tokens and variants to reusable components.

Career

경력 기술

Career

Com2us NFT Marketplace — UI/UX

2022.05 ~ 2022.10

  • Core marketplace screens — UI/UX design and implementation
  • User journeys, layout, and interaction polish

Domino DEX — UI/UX

2022.08 ~ 2023.02

  • Exchange frontend UI/UX
  • Feature modules, component structure, maintainability

MARBLEX NFT membership — landing

2022.12 ~ 2023.02

  • Membership landing from spec to build
  • Responsive layout and performance tuning

MARBLEX NFT staking & swap

2022.12 ~ 2023.10

  • Klaytn & Immutable mainnet wallet integration
  • Staking and reward flows — UI and state
  • Swap + staking UX end-to-end

Caliverse staking admin

2023.11 ~ 2024.02

  • Stats via Excel upload/download automation
  • Admin UI/UX for operators

MARBLEX Koonya Adventure — PWA

2024.05 ~ 2024.11

  • Web PWA delivery
  • Redux Toolkit — exploration and reward systems

Storynation — AI chat

2025.04 ~ 2025.06

  • AI chat UI
  • Zustand + TanStack Query for centralized data
  • Full UI/UX implementation

Text Battle web game

2025.06 ~ 2026.02

  • ComfyUI — prompt-to-image pipeline integration
  • Effekseer effects
  • Rendering and state performance work

Stack

  • Languages: TypeScript, JavaScript, Python (AI / tooling scripts)
  • Frontend: React, Next.js (App Router), Tailwind CSS, Redux Toolkit, Zustand, TanStack Query, shadcn/ui
  • AI & workflow: Figma + MCP, LoRA training & inference, AI rules & Markdown-based playbooks
  • Web3: Klaytn, Immutable, NFT, staking, swap, wallet integration

Work

주요 프로젝트

상세 내용은 src/content/projects 에서 MDX로 관리합니다.

전체 보기 →

Contact

협업· 제안은 언제든 환영입니다

이메일과 GitHub을 통해 연락주세요. 포트폴리오나 프로젝트 내용을 자유롭게 보내주시면 빠르게 답드릴게요.