한지웅

프론트엔드 개발자 포트폴리오

상황에 맞는 유연한 기술선택, 새로운 기술에 대한 빠른 적응력이 강점인 개발자 한지웅입니다.

# AboutMe

개발을 시작한 이유
반도체 연구실에서의 학부연구생 시절, MATLAB을 활용한 실험 데이터 자료제작 업무를 담당하며 자연스럽게 사용자 경험을 설계하고 데이터에 가치를 더하는 과정에 관심을 가지게 되었습니다.
사용자와 경험과 직접적으로 연관된 프론트엔드에 자연스럽게 관심이 생겨 프론트엔드로 개발에 입문했으며 현재는 프론트엔드와 백엔드 구분하지 않고 역량을 키우며 개발자의 꿈을 키워나가고 있습니다.
개발 가치관
"경쟁력 있는 개발자는 어떤 개발자일까?"
유연하게 기술을 선택하고, 신기술을 빠르게 학습하여 문제를 해결하는 개발자라고 생각합니다.
프로젝트 목적에 적합한 프레임워크를 활용하며 유연성과 적응력을 키워왔습니다.
언어, 프레임워크를 초월한 개발자 되는 것이 궁극적인 목표입니다.

한지웅



98.01.30
삼성 청년 SW 아카데미홍익대학교 신소재공학과
wldnd2977@gmail.com

# Skills

Language
HTML5
HTML5
CSS
CSS
JavaScript
JavaScript
TypeScript
TypeScript
Dart
Dart
Python
Python
Frontend
React
React
Next.js
Next.js
Gatsby
Gatsby
Electron
Electron
Flutter
Flutter
Tailwind
Tailwind
Backend
Nest.js
Nest.js
Bolt
Bolt
Tool
Figma
Figma

# Projects


이음컴퍼니 브랜드페이지 - eeum.company

출장 세차 서비스를 중심적으로 제공하는 스타트업, 이음컴퍼니의 브랜드페이지 (현재 진행중)

  • API route를 활용한 백엔드 기능
  • Vercel에 배포, Neon PostgreSQL 활용
  • 협업툴과 연동되는 상담예약 시스템 개발 진행중
#Next.js#Zustand

개인 페이지 - scorchedrice.com

기존 Jekyll 기반 블로그의 유지보수 어려움 해결, 블로그와 포트폴리오 페이지를 통합한 개인페이지

  • GraphQL을 활용한 데이터관리
  • mdx 플러그인을 활용한 블로그 게시물
  • createPage 활용 페이지네이션 자동화
  • 검색기능
  • 다크/라이트모드
#Gatsby

데브코스 슬랙봇

데브코스 교육생들을 위한 슬랙봇

  • 자료구조에 따른 예시코드 제공 기능
  • 프로그래머스 알고리즘 문제 추천 기능
#Bolt#SlackBot

학습 보조 데스크탑앱 - 미루니

OCR, 웹캠 활용한 학습 보조 데스크탑앱

  • FE 1, BE 3, AI 1으로 진행된 팀 프로젝트, FE담당
  • ipcRender, ipcMain을 활용한 IPC 기능
  • IPC 활용 CORS 에러 해결, Main Process에서의 통신
  • Render Process에 React, MSW 설치하여 개발
  • tessaract.js를 활용한 OCR 기능
#삼성청년SW아카데미#Electron

공연 물품 중개 플랫폼 - 바로바로

Next.js로 개발한 중개 플랫폼

  • FE 3, BE 3으로 진행된 팀 프로젝트, FE담당
  • 검색 기능 및 상세페이지
  • 메인페이지 및 레이아웃
  • PIN번호 입력 기능
  • 계약서 뷰어 기능 (@naverpay/react-pdf)
#삼성청년SW아카데미#Next.js#Zustand

미션 참여형 알람앱 - 자냥

Flutter, OpenVidu 활용 미션참여형 알람앱

  • FE 2, BE 4으로 진행된 팀 프로젝트, FE담당
  • Animated Logo (Lottie)
  • 튜토리얼 기능 (TutorialCoachMark)
  • 닉네임 등록 유효성 확인 기능
  • 미션참여도 확인 기능 (FLChart, TableCalendar)
  • 다크/라이트모드
#삼성청년SW아카데미#Flutter#Lottie