미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 김모건
- 간단소개
- TypeScript를 사용해 서비스와 사용자를 이어주는 프론트엔드 개발을 하고 있습니다. 서비스 사용자에게 더 나은 UX를 제공하는 것을 핵심가치로 생각하며, 단순함과 직관성을 가진 UI와 인터랙션을 위해 고민하고, 적극적으로 소통합니다.
경력
- 회사명
- 엘지디스플레이(주)
- 직책 • 부서
- 선임 • AI 연구실
- 근무 기간 (근무 형태)
- 2021.03. - 2023.03.
- (2년 1개월 | 정규직)
- 담당 업무
주요 성과
데이터 기반의 인사이트 제공으로 경영진의 전략적 의사 결정 지원
실시간 데이터 모니터링 시스템 도입으로 신속한 이슈 알림 및 즉각 대응
메타 데이터 기반의 드릴 다운 검색 방식으로 정보 접근성을 개선하고 업무 생산성 향상
기술 스택:
React
TypeScript
Grafana
Plotly
sigma.js
PostgreSQL
Python
디스플레이 공정 데이터 분석 및 업무 자동화 솔루션을 개발하는 AI 연구팀에서 주간 CEO 보고에 사용되는 뉴스 데이터 분석 솔루션, 장비의 수명 예측을 위한 실시간 공정 데이터 모니터링 솔루션, 내부 도메인 용어로 접근성이 떨어지는 기술 문서의 분석 및 검색 시스템을 개발했습니다.
세 서비스 모두 시작 단계부터 합류해 기획, 데이터 설계, 프론트엔드 개발까지 사용자에게 더 나은 사용자 경험과 인사이트를 전달하는데 폭넓게 기여했습니다.
- 회사명
- 주식회사디엔유
- 직책 • 부서
- 대표이사 • CEO & Lead Developer
- 근무 기간 (근무 형태)
- 2017.08. - 2019.04.
- (1년 9개월 | 정규직)
- 담당 업무
주요 성과
개발한 코딩드론을 유통업체와 MOU 체결하여 개발, 500대 생산 및 판매 수행
실내 비행 훈련이 필요한 대학의 니즈를 파악하여 훈련장치 개발 및 12대 납품
드론용 개발보드의 한국전자기술연구원(KETI) 인증 평가 수행 및 통과
기술적 우위를 확보하고 시장 경쟁력을 강화하기 위한 국내 특허 4건 등록
기술 스택:
Embedded C
Arduino
ARM Cortex-M
DIY 드론에 커스터마이징 솔루션을 제공하는 테크 기업을 창업하여 드론과 코딩을 함께 교육할 수 있는 교육용 코딩드론, 배터리와 날씨에 고민 없이 실내 비행 훈련이 가능한 드론훈련장치, 기능 확장 회로를 탑재한 드론용 개발보드를 개발했습니다.
모두 제품은 사용자의 니즈를 분석하여 정부 R&D 과제를 성공적으로 수주하여 개발 및 생산했습니다. 제품의 기획, 설계, 개발, 생산, 판매까지 모든 단계를 성공적으로 수행했습니다.
프로젝트
- 프로젝트명
- GENISIU
- 소속/기관명
- 팀 프로젝트/FE(3명)
- 프로젝트 기간
- 2024.08. - 2024.10.
- (3개월)
- 프로젝트 설명
다수의 이미지로 인해 지연되는 초기 로딩 시간을 5초에서 1초 이내로 개선
Python 3을 사용하여 공식 홈페이지로부터 4,877개 이미지 및 영상 자동 크롤링
중복 쿼리 요청과 서버 부하를 최소화 하기 위해 Next.js fetch 함수의 캐시 활용
이미지 360도 Viewer 적용하여 흥미 유발과 효과적인 정보 전달
사용자 로그인 편의성 제공 (이메일, 구글, 깃허브, 네이버, 카카오, 현대)
Description
결제 기능을 추가한 제네시스 브랜드의 오토커머스 웹 사이트 (웹사이트, 리드미)
Experience
기술 스택
TypeScript
Next
Tailwind
Zustand
Vercel
MongoDB
- 프로젝트명
- 홀로냠냠
- 소속/기관명
- 팀 프로젝트/FE(4명)
- 프로젝트 기간
- 2023.10. - 2023.11.
- (2개월)
- 프로젝트 설명
사용자가 더 많은 콘텐츠를 연속적으로 탐색할 수 있도록 무한 스크롤 UI 구현
게시물 이미지에 Lazy loading 적용하여 페이지 로딩 속도 개선
스켈레톤 UI 적용하여 일관된 레이아웃 유지 및 시각적인 피드백을 제공
캐러셀 UI 를 적용하여 게시물 열람의 UX 향상
Drag&Drop 및 캐러셀 UI 구현하여 게시물 작성과 편집 기능의 UX 향상
Button, Header UI의 공통 컴포넌트 작성하여 코드의 재사용성과 UI 일관성 확보
Description
혼밥을 즐기는 사람들을 위한 SNS 웹 서비스 (리드미)
Experience
기술 스택
React
Recoil
Styled-Components
Kakao API
Netlify
자기소개
- 자기소개
웹 프로그래밍: React와 Next 기반의 개발 환경에서 무한 스크롤, 캐러셀, 드래그 앤 드랍 등 다양한 UI 인터렉션과 CRUD 기능구현을 통해 사용자 경험을 개선했습니다.
웹사이트 최적화: 다수의 이미지와 영상를 포함한 페이지의 초기 렌더링 시간을 3초에서 1초 이내로 단축한 경험이 있습니다. 또한 반복적인 API 요청에 대해서 캐시 활용해 불필요한 불필요한 서버 요청을 최소화 했습니다.
데이터 엔지니어링: Python Selenium을 사용해 4,877개의 이미지와 영상과 뉴스를 자동 수집한 경험이 있으며, 데이터 분석 결과를 14종의 그래프로 시각화한 경험이 있습니다.
보유 핵심 역량
사용자 중심 서비스에 기여할 수 있는 웹 프로그래밍, 웹사이트 최적화, 데이터 엔지니어링 역량을 보유하고 있습니다.
보유한 역량을 바탕으로 더 많은 사용자가 쉽게 이용할 수 있는 UX와 인사이트를 제공하고, 사용자 중심의 서비스 실현에 기여하고자 합니다.
포트폴리오
자격증
- 자격증명
- SQLD
- 점수/급 | 발급 기관
- 64 | 한국데이터산업진흥원
- 취득월
- 2024.04
교육
- 소속/기관
- 멋쟁이사자처럼
- 종류 | 전공명/전공계열
- 사설 교육 | 프론트엔드 스쿨 심화
- 재학 기간 (재학 상태)
- 2024.06. - 2024.08. (졸업)
- 소속/기관
- 멋쟁이사자처럼
- 종류 | 전공명/전공계열
- 사설 교육 | 프론트엔드 스쿨
- 재학 기간 (재학 상태)
- 2023.07. - 2023.11. (졸업)
- 소속/기관
- 전북대학교 대학원
- 종류 | 전공명/전공계열
- 대학원(석사) | 전자정보공학부/전자공학
- 재학 기간 (재학 상태)
- 2015.03. - 2017.08. (졸업)
- 소속/기관
- 전북대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 전자공학부/제어로봇공학
- 재학 기간 (재학 상태)
- 2011.03. - 2015.02. (졸업)
기술 스택
- 기술 스택
- TypeScript
- React
- Next.js
- zustand
- styled-components
- TailwindCSS
- vercel
- netlify
- MongoDB
- PostgreSQL
- Firebase
- grafana
- Python
- centos