Frontend Developer

😄 About me

Introduction

안녕하세요! 웹 프론트엔드 개발자를 꿈꾸며 공부하고 있는 강지인입니다.
중학생 시절부터 개발자를 꿈꾸며 살다가, 대덕소프트웨어마이스터고등학교에 진학해 개발 공부에 매진하고 있습니다.
선택의 중요성을 깊이 인식하며, 그 이유를 고민하는 과정에서 가치를 찾습니다.
매 순간 선택을 통해 성장하고 꾸준히 배워나가고 있습니다.

Contact & Channel

Email ⎥ [email protected]
Mobile ⎥ +82 10-5817-2022

Github ⎥ https://github.com/JJIIIINN

🛠 Skills

Frontend

HTML5, CSS3(SCSS), JS(ES6)
TypeScript
React, Zustand, React-Query, styled-components, Axios
Next.js

Tool

Slack, Flow, ClickUp
Notion
GitKraken
Visual Studio Code

💬 Work Experience

치즈에이드

(인턴)

2024.01.15 ~ 2024.02.28

The Frame Gallery(Mobile)

삼성 TV 판매 매장에서 손님들이 QR로 접속하여 TV를 직접 테스트할 수 있는 웹앱 서비스, 실제 매장에서 사용하며 유지보수하고 있습니다.

Stack: TypeScript ⎥ React ⎥ Socket.io ⎥ Yarn Berry ⎥ Vite ⎥ Zustand ⎥ React-Query ⎥ styled-components ⎥ eslint ⎥ stylelint ⎥ commintlint

QR과 Socket을 통한 실시간 웹앱 서비스 구현
사내 코드 컨벤션, 프로젝트 구조에 맞도록 커스텀 lint & prettier 개발
기존 중복 코드들을 통합할 수 있는 컴포넌트, 커스텀 hook, util 함수 개발
전체적인 코드 베이스 개선, 레거시 코드 리팩토링

📁 Projects

2022.08 ~ 2023.08

DMS

Github ⎥ https://github.com/team-aliens/DMS

기숙사를 편하고 쉽게 관리, 사용할 수 있도록 하는 서비스

Stack: TypeScript ⎥ Next.js ⎥ Yarn Berry ⎥ Zustand ⎥ React-Query ⎥ styled-components ⎥ MonoRepo

DMS ESlint 플러그인을 만들어 사용하여 코드 스타일 관리
추후 학생웹 페이지 개발을 위한 마이그레이션 멀티레포(MultiRepo) → 모노레포(MonoRepo)
zustand를 도입하여 Props Drilling 문제 해결
원활한 협업을 위한 Git-Flow 사용

도입을 위해 동신과학고등학교와 컨택 (보안 문제로 교육청에서 반대)
보안 문제 해결을 위해 회사(리브앳디)와 컨택

2022.08 ~ 현재

JOBIS

Github ⎥ https://github.com/Team-return/JOBIS-DSM-ADMIN-FE

대덕소프트웨어마이스터고등학교 학생 채용 관리 서비스

Stack: TypeScript ⎥ React ⎥ Zustand ⎥ React-Query ⎥ styled-components ⎥ StoryBook

StoryBook을 이용한 Design System 개발
Lighthouse를 활용한 웹 성능 최적화
- Performance(성능)⎥54 → 99
- Accessibility(접근성)⎥67 → 83
- Best Practices(권장사항)⎥92 → 100
- SEO(검색엔진 최적화)⎥73 → 100
axios의 interceptors를 활용하여 refresh 복수 요청 방지
백엔드에서 처리하던 페이지네이션을 프론트에서 처리하여 로딩 시간 단축
- 1.2초 → 0.2초

2023년 11월부터 실제 서비스 중
선생님의 요구사항을 들으며 개선 중

2023.09 ~ 2023.12

InQ

Github ⎥ https://github.com/DSM-InQ/InQ-Frontend

면접 질문을 만들고 공유하여 면접을 연습할 수 있는 서비스