이현준
프론트엔드 개발자안녕하세요, 머신비전 업계에서 근무하며 현장에서의 광학 조건 계산의 불편함과 시간 소요 문제를 해결하기 위해 광학용 계산기 어플리케이션을 자체적으로 개발 했습니다.
이를 통해 업무 효율성을 크게 향상 시키고, 동료들에게도 유용하게 사용되는 모습을 보며 개발의 즐거움을 느꼈습니다. 이 경험을 통해 일상의 불편함을 개선하는 개발자의 역할과 가치를 더욱 높게 평가하게 되었고, 이에 프론트엔드 개발자로서의 길을 걷게 되었습니다.
- Email:
- beeminor60@gmail.com
스킬
프로그래밍 언어
JavaScript
- ES6 문법을 활용한 배열 메소드와 비동기 처리를 상황에 적절히 적용할 수 있습니다. 순수 JavaScript를 이용하여 컴포넌트 기반의 개발을 진행한 경험이 있습니다.
TypeScript
- 정적 타입 체크와 제네릭을 활용하여 다양한 타입에 대응하는 유연한 코드를 작성할 수 있습니다.
CSS/스타일링
Taillwind CSS
- 유틸리티 우선 접근 방식을 통해 신속하고 반응성이 뛰어난 웹 디자인을 구현한 경험이 있습니다.
Styled-components
- 재사용 가능하고 관리하기 쉬운 컴포넌트 단위 스타일링 경험이 있습니다.
프레임워크 및 라이브러리
Next
- SSR과 SSG에 대한 이해를 바탕으로, Next.js의 API 라우팅과 이미지 최적화 등 다양한 기능을 활용할 수 있습니다. App router를 사용한 프로젝트 경험이 있으며, 현재 이 사이트도 Next.js를 사용하여 구현했습니다. App router를 사용한 프로젝트 경험이 있으며, 현재 이 사이트도 Next.js를 사용하여 구현했습니다.
React
- React Hooks과 컴포넌트 기반 아키텍처를 이용하여 재사용 가능한 컴포넌트 및 커스텀 훅을 설계할 수 있습니다.
React Query
- 데이터의 캐싱, 동기화, 업데이트를 효율적으로 처리할 수 있는 능력을 갖추고 있습니다.
React Hook Form
- 복잡한 폼 입력과 유효성 검사를 쉽고 효율적으로 구현한 경험이 있습니다.
Framer Motion
- 애니메이션과 인터랙션을 웹 애플리케이션에 적용해본 경험이 있습니다.
Zustand
- 빠른 프로토타이핑과 전역 상태 관리에 Zustand를 활용해 본 경험이 있으며, 애플리케이션 전반에서 상태를 공유하고 관리할 수 있는 능력을 갖추고 있습니다.
Recoil
- React 애플리케이션에서 여러 컴포넌트 간에 공유되고 상태 간에 서로 의존적인 관계를 가지는 복잡한 상태 관리를 Recoil을 이용하여 효율적으로 처리 한 경험이 있습니다.
Socket.io
- Socket.io를 통해 실시간, 양방향, 이벤트 기반 통신을 구현하여 실시간 채팅 및 알림기능을 개발한 경험이 있습니다.
Jest
- 단위 및 통합 테스트를 위해 Jest를 사용한 경험이 있으며, React 컴포넌트 및 JavaScript 함수의 테스트를 통해 코드의 안정성을 보장 했습니다.
기타 도구
Eslint
- 코드의 일관성을 유지하고, 오류를 사전에 찾아내기 위해 Eslint를 사용한 경험이 있습니다. 프로젝트의 코드 스타일 가이드를 설정하고, 팀 내 코드 품질을 향상시키는 데 기여했습니다.
StoryBook
- 컴포넌트 라이브러리를 문서화하고, 독립적인 환경에서 UI 컴포넌트를 개발 및 테스트하기 위해 StoryBook을 사용한 경험이 있습니다. 이는 컴포넌트의 재사용성을 높이고, 디자인 시스템을 구축하는 데 큰 도움이 되었습니다.
Vite
- 보다 빠른 개발 환경을 위해 Vite를 사용한 경험이 있으며, HMR(핫 모듈 교체) 기능을 통해 변경사항이 즉시 반영되는 신속한 개발 경험을 제공했습니다.
Vercel
- Vercel을 사용하여 프로젝트를 배포한 경험이 있으며, 특히 Next.js 프로젝트에 대한 뛰어난 지원 덕분에 쉽고 빠르게 프로덕션 환경에 애플리케이션을 배포할 수 있었습니다. Vercel의 CI/CD 기능을 통해 개발 워크플로우를 자동화했습니다.
GitHub Actions
- GitHub Actions를 사용하여 소프트웨어 개발 워크플로우를 자동화한 경험이 있습니다. 코드 통합, 테스트 실행, 배포 과정을 자동화하여 개발 효율성을 향상시켰습니다.
경력
이엑스테크놀로지
2021.06 ~ 2022.03
부서명: 기술부
직책: 연구원
- 고객의 요구 사항에 맞춰 적절한 머신비전 시스템을 설계하고, 이를 구현하는 업무진행
- 고객이나 사용자가 머신비전 시스템을 효과적으로 사용할 수 있도록 교육 및 기술적 문제가 발생했을 때 지원
- 설치된 머신비전 시스템의 정기적인 유지보수를 수행하고, 검증되는 제품이 변경 될 경우 시스템 업그레이드
화인스텍
2022.03 ~ 2022.09
부서명: 기술연구소_시스템사업부
직책: 사원
- 시스템을 설계하고, 고객의 요구 사항에 맞춘 맞춤형 솔루션을 제공하는 업무 진행
- 기술적 문제가 발생했을 때 지원, 고객의 운영 환경에 최적화된 솔루션을 제공하여 문제 해결
프로젝트
1.설명
댄서와 수강생을 연결해주는 웹 플랫폼으로 유저의 요구를 이해하기 위해 설문조사 결과를 기반으로 기획됐습니다.
강사들이 자신의 클래스를 종합적으로 관리하고 효과적으로 홍보할 수 있도록 지원함으로써, 강사들의 업무 효율성을 높여줍니다.
수강생들은 다양한 클래스와 강사들 중에서 자신의 필요와 취향에 맞는 수업을 자유롭게 선택할 수 있는 기회를 얻게 됩니다.
현재 이 플랫폼은 실제 사업자 등록 절차 진행 중에 있습니다.
강사들이 자신의 클래스를 종합적으로 관리하고 효과적으로 홍보할 수 있도록 지원함으로써, 강사들의 업무 효율성을 높여줍니다.
수강생들은 다양한 클래스와 강사들 중에서 자신의 필요와 취향에 맞는 수업을 자유롭게 선택할 수 있는 기회를 얻게 됩니다.
현재 이 플랫폼은 실제 사업자 등록 절차 진행 중에 있습니다.
2.배운 점
대부분 처음 사용해 본 기술 스택과 구현해 본 기능들로 구성된 프로젝트였습니다. 이 프로젝트를 통해 SSR(Server-Side Rendering) 환경에 대해 배울 수 있었으며, Next.js (App router)를 적극적으로 공부하고 활용해 볼 기회가 되었습니다. 또한 React-Query와 React-Hook-Form 등 개발의 편의를 돕는 여러 라이브러리도 활용해 볼 수 있었습니다.
그러나 프로젝트를 진행하면서 기획 변경과 기술 스택의 개발 과정에서 여러 차례 변경이 있었습니다. 예를 들어, Emotion에서 Tailwind로, Recoil에서 Zustand로 전환하거나 React-query를 중간에 도입하는 등의 변경 사항이 있었습니다. 이러한 변경으로 인해 마이그레이션이 반복되어 프로젝트 개발에 상당한 시간이 소요되었고, 이는 프로젝트 시작 전 철저한 기획과 기술 스택 선정의 중요성을 깨닫게 해주었습니다.
그러나 프로젝트를 진행하면서 기획 변경과 기술 스택의 개발 과정에서 여러 차례 변경이 있었습니다. 예를 들어, Emotion에서 Tailwind로, Recoil에서 Zustand로 전환하거나 React-query를 중간에 도입하는 등의 변경 사항이 있었습니다. 이러한 변경으로 인해 마이그레이션이 반복되어 프로젝트 개발에 상당한 시간이 소요되었고, 이는 프로젝트 시작 전 철저한 기획과 기술 스택 선정의 중요성을 깨닫게 해주었습니다.
3.사용 기술
- Next
- TypeScript
- Tailwind CSS
- Zustand
- React Query
- React Table
- React Hook Form
- Framer Motion
- Naver Map
- Firebase
- PWA
- Socket.io
- Jest
- Vercel
- Docker
- GitHub Actions
- Sentry
- StoryBook
- Eslint
Connection-Health
개인 맞춤형 AI 건강 관리 어시스턴트
(FE: 2명, BE: 1명, Designer: 1명)
2023.08 ~ 2023.09
1.설명
사용자의 질병 정보와 음식 및 의약품의 성분을 입력 받아, GPT-3.5 Turbo를 기반으로 하여 식품과 의약품의 성분을 분석합니다. 이를 통해 사용자 개개인의 건강 상태에 적합한 섭취 여부를 판단하는 데 도움을 주는 서비스입니다.
사용자가 보유한 질병 및 알레르기 정보와 입력된 원재료명을 바탕으로, GPT 모델을 활용하여 성분 특징과 권장 1일 섭취량 등을 포함한 결과를 제공합니다.
Prompt-er Day Seoul 2023 해커톤에서 200팀이 넘는 참가 팀 중 상위 40팀 안에 들어 예선을 통과하는 성과를 이루었습니다.
사용자가 보유한 질병 및 알레르기 정보와 입력된 원재료명을 바탕으로, GPT 모델을 활용하여 성분 특징과 권장 1일 섭취량 등을 포함한 결과를 제공합니다.
Prompt-er Day Seoul 2023 해커톤에서 200팀이 넘는 참가 팀 중 상위 40팀 안에 들어 예선을 통과하는 성과를 이루었습니다.
2.배운 점
React의 라우팅과 CSR(Client-Side Rendering)에 대한 이해를 깊게 할 수 있었고, JavaScript의 비동기 처리와 고차 함수에 대한 지식을 숙지할 수 있었습니다. UI/UX의 중요성에 대해 깊이 이해하게 되었고, 사용자 중심의 서비스 개발에 대한 인식을 높일 수 있었습니다.
3.사용 기술
- React
- TypeScript
- React Router
- Styled-components
- Axios
- Vite
- Naver Api
- Chat GPT
- Eslint
- Vercel
1.설명
글 작성, 수정, 삭제를 할 수 있는 온라인 에디터를 순수 JavaScript를 이용해 컴포넌트 방식으로 구현한 개인 프로젝트
2.배운 점
싱글톤 패턴을 적용해 만든 전역 Store를 통한 상태 관리 기법을 배우며, 애플리케이션 상태를 효율적으로 관리하는 방법에 대해 이해할 수 있었습니다.
글 자동 저장 기능의 구현 과정에서 debounce 함수를 활용해 비동기 처리의 성능을 최적화하는 방법을 익혔습니다. 이를 통해 사용자 입력 처리와 API 호출의 최적화 방법에 대한 지식을 획득하였습니다.
Webpack을 사용하여 번들링 과정을 설정하는 경험은 모던 웹 애플리케이션의 개발 및 배포 과정에서 필수적인 자원들을 효율적으로 관리하고 최적화하는 방법에 대해 배우게 됐습니다.
글 자동 저장 기능의 구현 과정에서 debounce 함수를 활용해 비동기 처리의 성능을 최적화하는 방법을 익혔습니다. 이를 통해 사용자 입력 처리와 API 호출의 최적화 방법에 대한 지식을 획득하였습니다.
Webpack을 사용하여 번들링 과정을 설정하는 경험은 모던 웹 애플리케이션의 개발 및 배포 과정에서 필수적인 자원들을 효율적으로 관리하고 최적화하는 방법에 대해 배우게 됐습니다.
3.사용 기술
- JavaScript
- Webpack
- Vercel
경험
Prompt-er Day Seoul 2023 해커톤
삶의 질을 높이는 Generative AI 서비스
(2023.08 ~ 2023.09)
- 200팀이 넘는 참가 팀 중 상위 40팀 예선 통과
모던애자일 5기
SW 개발 동아리
(2023.3 ~ 2023.7)
- JavaScript, TypeScript, React 학습
- Tech-Talk 발표를 통한 프레젠테이션 능력 향상 및 CS 지식 습득
- 멘토링, 협업, 팀프로젝트를 통한 소프트스킬 증진
학력
인덕대학교
(2017.03 ~ 2024.02)
컴퓨터전자공학 / 정보통신공학 (학사졸업)
학점: 4.1/4.5
자격증
네트워크 관리사 2급
(2019.10)