저는 이런 사람입니다.
Mindset- 시간 약속을 중요하게 여깁니다.
- 불가능해 보이는 상황에서도 끝까지 고민하고 실행합니다.
- 말한 바에 책임감을 가지고 일합니다.
00. INTRO
01. ABOUTME
02. STACK
03. PROJECT
04. CONTACT
01.
About Me
저는 이런 개발자입니다.
Work Style- 구조와 재사용성을 고려해 개발하는 프론트엔드 개발자입니다.
- Next.js 기반 프로젝트에서 공용 컴포넌트와 구조를 설계하여 개발 속도와 유지보수성을 동시에 개선해왔습니다.
- 또한 AI와 자동화를 활용하여 반복 작업을 줄이고, 팀 전체 생산성을 높이는 방향으로 개발합니다.
- 다양한 직군과 협업하며 원만한 결과를 도출해 낼 수 있습니다.
프론트엔드 개발을 중심으로 다양한 서비스 구축을 경험했습니다.
Experience- 백오피스 시스템 개발을 통해 운영 비용 60% 절감
- 사용자 경험 개선을 통해 사용자 수 1.5배 증가
- 데이터 분석 및 A/B 테스트를 통해 사용자 3배 증가.
- 또한 기획, 데이터 분석, AI 활용 등 인접 영역까지 확장하며 서비스 단위로 문제를 해결하는 경험을 쌓았습니다.
02.
Stack
Stack @ FrontEnd
자주 사용하지는 않지만 주로 특정 라이브러리의 css 커스텀을 할 때 id와 합께 활용합니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
scss tree구조의 가시성과 네이밍에 신경쓰며 협력에 초점을 두며 사용합니다.
사용빈도가 scss/css-in-js 보다는 적지만 충분히 활용가능합니다.
shadcn 라이브러리와 함께 사용하여 높은 생산성을 추구할 수 있습니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
css-in-js 방식을 이해하고 장점을 활용합니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
css-in-js 방식을 이해하고 장점을 활용합니다.
주로 사용하는 상태관리 라이브러리로 다수의 프로젝트에 사용했습니다.
Atom단위 특징을 활용하여 가시성을 향상시키고 중복요소를 줄여 클린코드를 지향하며 사용합니다.
jotai의 원형인 만큼 Atom단위기반 상태관리 라이브러리로서 활용이 가능합니다.
사용빈도는 jotai보다 적지만 jotai와 다른 강점을 가지고 있어 사용경험이 있습니다.
실무 활용이 가능한 수준입니다.
03.
Project
Zium Admin
Frontend운영형 어드민 / 상담·예약·결제 관리
지움이 사용하는 관리자 페이지를 Next.js App Router 기반으로 개발하고, 공통 컴포넌트화와 성능 개선을 진행했습니다.
- Next.js 기반 프론트엔드 전반 설계및 개발, 화면 세부 기획, QC/QA 진행
- 대용량 테이블/캘린더 렌더링 최적화(체감 성능 개선)
- middleWare 를통한 자동로그인/토큰 관리 설계
- api/roter를 활용한 외부 API 연결및 일부 API 제작
- 공통 폼/모달/테이블 컴포넌트 표준화
- Next.js
- TypeScript
- SCSS
- Jotai
- MySQL
- Jenkins
Zium User
Frontend솔루션 메인페이지 / BTC/BTB 상담신청 페이지
Zium의 유저페이지를 Next.js App Router 기반으로 개발하였습니다.
- Next.js 기반 프론트엔드 전반 설계및 개발, 화면 세부 기획, QC/QA 진행
- 방문 통계를 기반으로 css/animation 개선을 통한 UI/UX 향상
- Naver, Google 플랫폼 SEO 최적화를 통한 사용자 증가
- Next.js
- TypeScript
- SCSS
- Jotai
- MySQL
- Jenkins
Entizen
Frontend솔루션 메인페이지 /상담신청 페이지
전기차 충전기 중계 솔루션인 Entizen의 페이지를 Next.js App Router 기반으로 개발하였습니다.
- Next.js 기반 프론트엔드 전반 설계및 개발,
- Page router => App Router 마이그레이션 작업을 통한 유지보수성 향상
- ab테스트, gtm, ms clarity, GA4등 유입테스트 진행
- 테스트를 기반으로 css/페이지구조 개선을 통한 유저 증가
- Naver, Google 플랫폼 SEO 최적화를 통한 사용자 증가
- japier 툴을 활용해 비개발자가 참고, 수정 할 수 있도록 기능 연동 / 스프레드시트 연동
- Next.js
- TypeScript
- SCSS
- emotion
- mui
- Jotai
- cafe24 배포
데이비
Frontend솔루션 메인페이지 /상담신청 페이지
xplat의 AI기반 고객 컨설팅 솔루션 페이지입니다. 통계 분석을 통한 클라이언트 분석이 주 목적으로 개발하였습니다.
- 프론트엔드 전반 개발
- 퍼블리싱
- api/router를 통한 통계관련 api제작및 화면 반영
- Next.js
- TypeScript
- SCSS
- Jotai
- jenkins
XPLAT 홈페이지
Frontend솔루션 메인페이지
그로스해킹 기반 컨설팅 회사인 xPlat의 메인페이지를 GSAP 라이브러리를 기반으로 개발하였습니다.
- 프론트엔드 전반 개발
- 퍼블리싱
- Next.js
- TypeScript
- SCSS
- Jotai
Korly Mally
Frontende-commerce 메인 페이지
global, e-commerce인 korlymally입니다. next.js page/router기반으로 만들었습니다.
- 프론트엔드 사용자 페이지및 마이페이지 담당
- Next.js
- styled-component
- recoil
- i18n
04.