저는 이런 사람입니다.
Mindset- 시간 약속을 중요하게 여깁니다.
- 불가능해 보이는 상황에서도 끝까지 고민하고 실행합니다.
- 말한 바에 책임감을 가지고 일합니다.
00. INTRO
01. ABOUTME
02. STACK
03. PROJECT
04. CONTACT
01.
About Me
저는 이런 개발자입니다.
Work Style- 웹 표준과 협업을 중시하고, 코드를 읽기 쉽게 유지합니다.
- 성능/품질을 위해 리팩터링을 꾸준히 수행합니다.
- 새로운 기술을 필요에 맞게 빠르게 흡수합니다.
저는 이런 일을 했습니다.
Experience- FE 개발 전반을 담당하며, 다수 프로젝트를 FE 중심으로 진행했습니다.
- BE/기획/디자인/마케팅/클라이언트 등 다양한 직군과 협업했습니다.
- 백오피스·이커머스·통계·설문 등 도메인 프로젝트 경험이 있습니다.
- 데이터 분석/AI/화면 기획 등 인접 업무도 함께 수행했습니다.
02.
Stack
Stack @ FrontEnd
버츄얼 돔과 react의 동작방식을 이해하고 있습니다.
대부분의 hook을 활용한 실전 활용이 가능합니다.
page/app router 활용이 가능하며, next.js의 장단점을 이해합니다.
ssr, csr, isr, ssg 등 랜더링을 이해하며, api router를 사용한 API 작성및 middleware를 통한 토큰관리가 가능합니다.
자주 사용하지는 않지만 주로 특정 라이브러리의 css 커스텀을 할 때 id와 합께 활용합니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
scss tree구조의 가시성과 네이밍에 신경쓰며 협력에 초점을 두며 사용합니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
css-in-js 방식을 이해하고 장점을 활용합니다.
자주 사용하며 다양한 실무 프로젝트에 사용했습니다.
css-in-js 방식을 이해하고 장점을 활용합니다.
주로 사용하는 상태관리 라이브러리로 다수의 프로젝트에 사용했습니다.
Atom단위 특징을 활용하여 가시성을 향상시키고 중복요소를 줄여 클린코드를 지향하며 사용합니다.
jotai의 원형인 만큼 Atom단위기반 상태관리 라이브러리로서 활용이 가능합니다.
03.
Project
Zium Admin
Frontend운영형 어드민 / 상담·예약·결제 관리
지움이 사용하는 관리자 페이지를 Next.js App Router 기반으로 개발하고, 공통 컴포넌트화와 성능 개선을 진행했습니다.
- 프론트엔드 전반 개발, 화면 세부 기획, QC/QA 진행
- 대용량 테이블/캘린더 렌더링 최적화(체감 성능 개선)
- middleWare 를통한 자동로그인/토큰 관리 설계
- api/roter를 활용한 외부 API 연결및 일부 API 제작
- 공통 폼/모달/테이블 컴포넌트 표준화
- Next.js
- TypeScript
- SCSS
- Jotai
- MySQL
- Jenkins
Zium User
Frontend솔루션 메인페이지 / BTC/BTB 상담신청 페이지
Zium의 유저페이지를 Next.js App Router 기반으로 개발하였습니다.
- 프론트엔드 전반 개발, 화면 세부 기획, QC/QA 진행
- css/animation 개선을 통한 UI/UX 향상
- Naver, Google 플랫폼 SEO 최적화를 통한 사용자 증가
- Next.js
- TypeScript
- SCSS
- Jotai
- MySQL
- Jenkins
Entizen
Frontend솔루션 메인페이지 /상담신청 페이지
전기차 충전기 중계 솔루션인 Entizen의 페이지를 Next.js 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.