🖥️
프론트엔드 개발자
김장겸

개발은 적절한 기술, 경험, 그리고 섬세한 감각에서 완성된다고 생각합니다.
사용자, 팀, 비즈니스를 이해하며 더 나은 결과를 만드는 프론트엔드 개발자입니다.

🗂️ Work Experience

🏢 [싸이웰시스템] | 프론트엔드 개발자(대리)
2022.04 ~ 2025.04

CIS(CywellSystem Information System)
2024.12 ~ 2025.04 (5개월)
역할
사내 영업/엔지니어 활동 관리 시스템 기능 고도화 및 안정화 (프론트엔드 담당)
주요 성과 및 업무
  • 정기점검 모듈 개선: 기존 수기 입력 방식으로 인한 오류를 줄이기 위해 점검주기 자동 계산, 상태 시각화 기능 도입.
  • UI/UX 리팩토링: 버튼 조건 분리 및 날짜 자동 설정으로 사용자의 실수 가능성을 낮추고, 알럿/툴팁을 활용한 저장 UX 개선.
  • 컴포넌트 분리 및 재사용: Angular + RxJS 기반의 상태 관리 체계를 설계하고, 점검 항목 컴포넌트를 독립화해 유지보수성과 확장성 확보.
사용 기술
Angular RxJS Ng-Zorro (Ant Design for Angular) Figma
링크
KICE(교육데이터 플랫폼)
2024.08 ~ 2024.11 (4개월)
역할
KICE 교육 데이터 포털 시스템 프론트엔드 아키텍처 설계 및 리드 개발
주요 성과 및 업무
  • 라우팅 및 초기 렌더링 대응: 파일 기반 라우팅과 Next.js 내장 서버 사이드 기능을 활용해 탭·디테일 화면 등 데이터가 많은 구간의 초기 렌더링 속도를 개선
  • 대용량 데이터 대응: 다양한 코드북 구조에 따라 복잡한 통계 및 문서 자료를 시각화하고, 전체 검색 기능을 통해 정보 접근성을 향상
  • UX 개선 및 퍼블리싱: Tailwind CSS 기반의 반응형 레이아웃 구현, 쿠키 기반 팝업 제어 및 관리자 화면의 UI를 직접 설계·개발하여 사용성 제고
  • 배포 환경 구성: 도커를 활용해 프론트엔드 애플리케이션을 이미지화하고, 사내 배포 환경에 맞게 설정·배포를 주도하여 배포 프로세스 안정화
사용 기술
React Next.js Tailwind CSS Flowbite ReactQuill Docker
한국쌀가공식품협회(공급관리시스템)
2024.02 ~ 2024.08 (6개월)
역할
공급관리시스템 통합 개발 및 업무 시스템 고도화 (프론트엔드 담당)
주요 성과 및 업무
사용 기술
Angular PrimeNg Ant Design(Ng-Zorro) TypeScript
링크
삼성화재(Biz룰 모니터링 시스템)
2023.10 ~ 2024.02 (5개월)
역할
Biz룰 모니터링 시스템 신규 구축 (프론트엔드 담당)
주요 성과 및 업무
  • 사내 전용 프레임워크(Nexus) 및 Vue2 기반 환경에 적응하며, 9개 주요 페이지의 반응형 UI 및 대시보드 구축
  • 알림 메시지 시각화: 발생 이벤트의 심각도(정보/경고/심각)를 구분하는 시각 요소 도입으로 실시간 알림 가독성 개선
  • 제한된 검색/문서 접근 환경 속 학습 극복: 내부 보안 정책으로 인해 외부 검색이 어려운 상황에서도 키워드 검색 + 자체 정리 방식으로 기술 역량 확보
사용 기술
Vue2 JavaScript Chart.js Jira bitbucket
한국쌀가공식품협회 홈페이지(KRFA)
2022.10 ~ 2023.10 (12개월)
역할
차세대 홈페이지 신규 개발/구축 및 유지보수 (프론트엔드 담당)
주요 성과 및 업무
  • 웹 접근성 개선: 반응형 미디어쿼리 설계, Figma 기반 HTML/CSS 구현
  • 사용자 경험 강화: Bootstrap 기반 컴포넌트 커스터마이징 및 동적 메뉴 구현
  • 관리 편의성: Thymeleaf 템플릿 엔진 적용으로 동적 메뉴 및 재사용 컴포넌트 설계
사용 기술
HTML JavaScript css Thymeleaf bootstrap figma
URL

🕹️ Skills

Languages

JavaScript (ES6+) TypeScript

Frontend Frameworks

React Next.js Vue.js Angular RxJS

UI Libraries

Tailwind Styled-Components Ant Design PrimeNg

Tools & Others

Git/GitHub Figma Notion RESTful API
스킬이미지

📚 Education

코드스테이츠 (Code States)
2021.08 ~ 2022.02
Software Engineering Bootcamp

프론트엔드 개발 심화 과정 수료 (JavaScript, React)

  • Apang 프로젝트 - React 기반 병원 후기 서비스 개발
  • Git/GitHub을 활용한 협업 및 버전 관리 경험
내일배움 재직자 (그린컴퓨터 학원)
2020.02 ~ 2020.07
프론트엔드 개발 과정

웹 개발 기본 과정 수료 (HTML, CSS, JavaScript)