플러스 아이콘을 클릭하여 모달창을 띄어 새로 생성할 팀 정보를 입력하여 팀을 생성.(CRUD 가능하도록 구성 *CRUD CODE 버튼 클릭시 소스코드로 이동 가능)
- User 테이블 생성 컴포넌트
테이블에 들어간 회원 정보를 Create, 생성된 회원들을 검색 및 선택 하여 다수 삭제 기능 및 전체 삭제 가능 하도록 구현, 회원별 Edit 페이지를 구성하여 회원의 정보를 수정 가능 하도록 구현 (CRUD 가능하도록 구성 *CRUD CODE 버튼 클릭시 소스코드로 이동 가능)
- Annotorious 이미지 태그 컴포넌트
Recogito Annotorious 라이브러리를 사용하여 node_modules 의 package를 직접 수정하여 원하는 기능들을 갖추도록 구현. (package 수정으로 인해 patches 기능을 사용함) patches : 수정한 사항들을 저장해 놓고 npm install 시 자동으로 수정사항을 반영할 수 있도록 해주는 기능)
이미지 태그하는 방법 (다각형, 사각형, 원)을 선택하여 원하는 이미지 위치에 표시하고 완료와 동시에 선택 가능한 라벨을 띄어주어 선택하여 완성 되도록 수정. 라벨 선택에 따른 각 다른 색상을 가지도록 하는 기능 추가함.
- MyAccount 회원 상태 수정 컴포넌트
회원의 정보를 uuid별로 get하여 update 가능하도록 하는 화면
- Img-Loading 이미지 로딩 컴포넌트
이미지를 불러오고 불러오는 중에 Loading 화면을 띄어줌. (검사기능은 프론트 화면에서만 구현됨)