안녕하세요. 2년차 주니어 프론트엔드 개발자 배지우입니다.
더 좋은 사용자 경험을 제공하기 위해 고민하고, 토론하며 이해 당사자간의 활발한 의견 교류를 지향합니다.
전문가로 성장하기 위해 학교를 병행하며 꾸준히 학습하는 습관을 들이고 있습니다.
굿케어 솔루션 프로그램(사회서비스ver) -2021년
사용 기술
- React,Redux,db설계,sql,restAPI,ant-design,post-css 외 라이브러리
작업
- Front End 담당으로 개발에 참여했습니다. React와 Git을 적극 도입했습니다.
- 화면 설계, 폴더 구축 초기 셋업을 진행하고 Redux, hooks, class를 이용한 상태, 데이터를 관리했습니다.
- router, slick, chEditor5, rnd, apex charts 등 다양한 라이브러리를 적용했습니다.
- 데이터 검색, 필터링, 페이지네비게이션, 메뉴, 재사용 가능한 사이드바를 구현했습니다.
- 1:1문의, 매뉴얼, 도장관리(이미지 업로드), 회원정보 수정/탈퇴에 해당하는 db설계와 sql, rest API 구현을 했습니다.
성과
- 기존 php로 개발한 프로그램보다 4배 빠른 반응 속도와 간결하고 재사용 가능한 컴포넌트의 구조로 개발했습니다.
- 페이지 이동시 번쩍거리는 현상을 헤더는 고정된 채 컨텐츠 영역만 부드럽게 전환되도록 개선해 만족도를 높혔습니다.
굿케어 공식 홈페이지 리뉴얼 —2020년
사용 기술
- JavaScript, owl carousel, BEM
작업
- 웹사이트 기획 총괄로 기존 4개의 사이트를 통합해 하나의 사이트로 구축했습니다.
- 사용자의 흐름을 고려해 웹사이트의 하단에 다음 페이지로 이동, 이해하기 쉬운 서브 메뉴 구조로 개발했습니다.
- vanila JavaScript로 slider, tap, nav, scroll event를 구현했습니다.
- 회의와 토론을 통해 다양한 이해관계를 수렴, 의견을 취합해 반영했습니다.
성과
- 주식회사 굿케어의 사업을 취합해 사용자가 쉽게 파악할 수 있도록 배치했습니다.
- 정리된 데이터를 토대로 파트너스와 창업으로 활발하게 사업 확장되었습니다.
로켓회계 웹사이트 제작 — 2020년
사용 기술
- JavaScript, slick slider, BEM
작업
- 웹사이트 기획에 참여, 스토리보드, 디자인, Front end 담담으로 개발했습니다.
- 랜딩 페이지와 로그인 후 사이드 메뉴 영역, 4개의 상세 페이지 작업을 진행했습니다.
- 모바일 방문 시 앱 형식으로 사이드 메뉴가 먼저 노출이 되고, 메뉴를 클릭하면 페이지 이동되도록 구현했습니다.
성과
- 영업 담당자를 통해 진행되던 계약의 단계를 비대면-카톡 상담을 통해 계약이 이루어졌습니다.