① 경험 및 역량
② 기술
③ 프로젝트
👋 안녕하세요. FrontEnd 개발자 김성현입니다.
저는 첫발을 내딛은 지 4년 차를 맞이하는 개발자입니다.
실무에 바로 투입되어 프로젝트를 주도적으로 수행하며 웹/앱
프론트엔드와 백엔드, 그리고 서버 기술까지 아우르는 폭넓은 경험을 쌓아가고 있습니다.
제가 수행한 프로젝트는 국가 과제 모바일 웹사이트 제작부터 기업 전용 관리자 웹사이트와 병원 환자 전용 웹/애플리케이션까지 다양합니다.
이 과정에서 React, React-Native, TypeScript, Node.js, Redux, REST API 등 다양한 기술 스택을 활용하며 클라이언트와 서버 간의 데이터 통신, 상태 관리, UI/UX 설계 등을 구현했습니다.
또한 GraphQL, Storybook, Figma, Browser Stack을 활용해 생산성을 극대화하고 품질을 보장하며, Docker와 Linux 서버 환경에서도 안정적인 개발을 경험했습니다.
제가 IT 업계에 뛰어든 이유는 끝없는 도전과 성장 가능성 때문입니다.
지금까지 다양한 프로젝트를 성공적으로 수행하며 빠르게 성장해왔고, 앞으로는 프론트엔드 개발자로써 인프라 개발의 핵심적인 역할을 담당하고 싶습니다.
프론트엔드 개발자로써 누구보다 자신감과 전문성을 갖추고 있습니다.
감사합니다. 😊
총 경력 3년 10개월
꾸준히 성장하는 FrontEnd 개발자, 김성현입니다.pdf
-현재
FrontEnd Developer
-2023.7
FrontEnd Developer
프레임워크 및 라이브러리
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80c3-9e9b-007ac039ec37" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80c3-9e9b-007ac039ec37" width="40px" /> React 🟪🟪🟪🟪🟪
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8092-aa3c-007a861c8e3e" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8092-aa3c-007a861c8e3e" width="40px" /> TypeScript 🟪🟪🟪🟪⬜️
</aside>
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/a5b3e417-e460-4194-8bd6-49027c25aa74/js.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/a5b3e417-e460-4194-8bd6-49027c25aa74/js.png" width="40px" /> JavaScript 🟪🟪🟪🟪⬜️
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-801c-baf9-007aa3d29422" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-801c-baf9-007aa3d29422" width="40px" /> HTML5 🟪🟪🟪🟪🟪
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-805f-834f-007a97114d5c" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-805f-834f-007a97114d5c" width="40px" /> React Native 🟪🟪🟪⬜️⬜️
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80ad-9680-007afcddf15b" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80ad-9680-007afcddf15b" width="40px" /> Redux 🟪🟪🟪🟪⬜️
</aside>
스타일링
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8078-8b94-007a92655f6b" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8078-8b94-007a92655f6b" width="40px" /> Tailwindcss 🟪🟪🟪🟪🟪
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-809f-9d40-007af1c759aa" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-809f-9d40-007af1c759aa" width="40px" /> Material-UI 🟪🟪🟪🟪⬜️
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80aa-b03f-007a4a8946cc" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80aa-b03f-007a4a8946cc" width="40px" /> SCSS 🟪🟪🟪🟪⬜️
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8087-a0cd-007af55e0094" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-8087-a0cd-007af55e0094" width="40px" /> Styled-Components 🟪🟪🟪🟪🟪
</aside>
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80bb-ad74-007a664d32e9" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-80bb-ad74-007a664d32e9" width="40px" /> CSS 🟪🟪🟪🟪⬜️
</aside>
유효성 검사
<aside> <img src="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-808b-90b6-007a00706856" alt="notion://custom_emoji/6b9c4acf-c9ab-4428-b222-ade6d4f14fcb/15bfcc4a-ec66-808b-90b6-007a00706856" width="40px" /> Yup 🟪🟪🟪🟪🟪
</aside>
데이터 시각화 및 컴포넌트 테스트
API 통신
