| react |
기존 php로 구현되어 있던 웹프로그램의 속도보다 빠른 렌더링 속도, 컴포넌트 구조로 쉬운 재사용성, 싱글페이지 형식의 웹프로그램을 개발했습니다. |
| redux |
운영, 출결 총 16페이지와 상세 모달, 테이블 등에서 필요한 유저, 메뉴, 사업장 정보를 저장하기 위해 redux를 사용했습니다. |
| ckeditor5 |
문의, 공지사항, 관리자 페이지를 구현하기 위한 에디터로 데이터를 받아 출력하고, 에디터 이용 시 데이터를 다시 props로 전달해주는 형태로 재사용 가능한 컴포넌트로 사용했습니다. |
| apexcharts |
데이터 배열을 받아 차트형태로 출력해주는 라이브러리를 사용했습니다. |
| slick |
로그인화면에서 굿케어 프로그램이 어떤 프로그램인지 설명해주는 모달에서 웹과 모바일 모두 편하게 볼 수 있기 위해 슬라이더를 채택해 사용했습니다. |
| rnd |
매 화면 우측 하단의 플루팅 버튼으로 매뉴얼에 해당하는 팝업을 페이지 내에서 자유롭게 드래그앤드롭, 사이즈 확대,축소하고, 각 페이지에 맞는 매뉴얼을 출력해 보면서 이용할 수 있도록 rnd로 구현해 사용했습니다. |
| db 설계, sql |
1:1문의, 매뉴얼, 도장관리, 회원정보수정/탈퇴 DB설계와 SQL문 작성했습니다. |
| rest API 구현 |
설계한 db에서 데이터를 주고 받는 api 구현했습니다. |
| ant-design |
백엔드 2명과 함께 작업하며 통일된 디자인 형태를 유지하기 위해 사용했습니다. |
| post-css |
간결한 클래스명, 각 컴포넌트에 맞는 스타일링을 하기 위해 사용했습니다. |
