Skip to content
View developjik's full-sized avatar

Block or report developjik

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
developjik/README.md

Typing SVG


Tech Blog Notion LinkedIn Email


👋 About Me

프론트엔드 개발자 developjik입니다.

React, Next.js, TypeScript를 중심으로 사용자가 이해하기 쉬운 UI와 유지보수 가능한 프론트엔드 구조를 만듭니다.
최근에는 AI-assisted workflow, GitHub Actions, 자동화 도구를 활용해 개발 생산성을 높이고, 실제로 사용할 수 있는 제품 형태로 정리하는 데 관심이 많습니다.

const developjik = {
  role: "Frontend Developer",
  core: ["React", "Next.js", "TypeScript"],
  interests: [
    "Frontend Architecture",
    "Performance & Accessibility",
    "AI-assisted Development Workflow",
    "Developer Productivity Automation"
  ],
  currentlyBuilding: [
    "Personal tech blog with Next.js 16 + Nextra",
    "GitHub Actions notification and validation workflows",
    "Desktop automation tools for repeatable work"
  ]
}

🚀 Featured Projects

Next.js 16 + Nextra 기반 개인 기술 블로그

  • MDX 기반 기술 문서 작성 환경 구성
  • Pagefind 검색, Giscus 댓글, Vercel 배포 흐름 적용
  • 기술 학습과 프로젝트 회고를 정리하는 개인 지식 베이스로 운영

Tech: Next.js, Nextra, MDX, Pagefind, Giscus, Vercel


반복적인 Confluence export 작업을 데스크톱 앱으로 제품화한 자동화 도구

  • PySide6 기반 Windows GUI 제공
  • 예약 실행, credential 저장, 반복 export workflow 지원
  • 수동 작업을 줄이고 재사용 가능한 업무 도구로 정리

Tech: Python, PySide6, Desktop GUI, Scheduling, Automation


GitHub Actions 알림과 workflow 검증을 위한 자동화 허브

  • Slack, Discord, Telegram 알림 workflow 구조화
  • action metadata, actionlint, validation checklist 관리
  • CI/CD 과정에서 확인 가능한 자동화 품질 기준 정리

Tech: JavaScript, GitHub Actions, CI/CD, actionlint, Notification Workflow


Codex, Claude Code, Hermes 기반 AI 개발 workflow 실험 공간

  • 로컬 플러그인, skills, hooks, workflow 문서 정리
  • AI-assisted coding workflow를 실제 개발 루틴에 적용하기 위한 실험
  • 반복 가능한 개발 절차와 검증 방식을 문서화

Tech: Python, AI Coding Workflow, Automation, Developer Tools


🧭 Portfolio Archives

오래된 프로젝트도 단순 보관이 아니라 학습 흐름과 프로젝트 경험을 추적할 수 있도록 정리하고 있습니다.

  • Bootcamp Archives: 프론트엔드 부트캠프/주차별 과제 아카이브
  • ExamY Archives: ExamY 제품군과 관련 프로젝트 아카이브
  • Classy: WebRTC와 AI를 활용한 실시간 수업 플랫폼

🛠 Tech Stack

Frontend Core

React Next.js TypeScript JavaScript

UI / State / Content

TailwindCSS Styled Components Zustand TanStack Query MDX

Automation / Delivery

Node.js Python Vercel GitHub Actions


💡 Engineering Focus

  • Readable UI Architecture
    컴포넌트 구조, 상태 관리, 콘텐츠 구조를 명확하게 분리해 유지보수 가능한 프론트엔드를 지향합니다.

  • Performance & Accessibility
    가볍고 접근 가능한 UI, 검색 가능한 문서, 배포 후 검증 가능한 release workflow에 관심이 있습니다.

  • AI-assisted Product Workflow
    AI를 단순 코드 생성 도구가 아니라 기획, 구현, 리뷰, 문서화, 자동화까지 연결되는 개발 workflow로 실험합니다.

  • Automation for Repeated Work
    반복되는 수동 작업을 GitHub Actions, 스크립트, 데스크톱 앱 형태로 줄이는 것을 좋아합니다.


📊 Activity Snapshot


🤝 Let’s build useful products with clean frontend and practical automation.

Pinned Loading

  1. nextra-blog nextra-blog Public

    Next.js 16 + Nextra personal tech blog with MDX posts, Pagefind search, Giscus comments, and Vercel deployment.

    MDX

  2. confluence-export-desktop confluence-export-desktop Public

    Windows desktop GUI for repeatable Confluence exports with scheduling, credential storage, and packaged releases.

    Python

  3. plugin plugin Public

    Local plugin workspace for Codex and Claude Code workflows, skills, hooks, docs, and harness design experiments.

  4. notify-action-hub notify-action-hub Public

    GitHub Actions notification hub for Slack, Discord, Telegram, and metadata validation workflows.

    JavaScript

  5. Classy Classy Public

    🧑‍🏫 Classy : Web RTC&A.I 이용한 실시간 수업 플랫폼

    JavaScript