Dev-FE-1 / team2-intranet-project-

토이프로젝트I - 2조 기업용 사내 인트라넷 개발
https://organic-meggy-toyproject-group2-intranet-solution-b9fd064a.koyeb.app/
0 stars 1 forks source link

Refactor/gallery 갤러리 클래스 분리 및 메서드 리팩토링 #211

Closed mirang1024 closed 3 months ago

mirang1024 commented 3 months ago

📝작업 내용

  • 로딩 컴포넌트 내용 반영 전 index.js로 다시 업데이트
  • 관리자와 사용자 갤러리 공통 기능을 갤러리 클래스로 생성
  • 추후 확장성(관리자 페이지의 카드 추가, 수정, 삭제 기능)을 고려하여 분리시킴
  • 각 메서드가 갤러리 렌더링과 직접적인 관련이 있어 클래스 분리를 할 필요가 없음.
  • 일부 메서드에 리팩토링 진행(주석 참고)

getGalleryData() : API로부터 갤러리 데이터 비동기적으로 가져오고 에러처리 진행 getImageUrl() : 이미지 URL 반환 updateGalleryContainer() : 갤러리 데이터를 컨테이너에 업데이트 render() : 갤러리의 기본 구조 렌더링 및 갤러이 데이터 업데이트 renderGalleryContainer() : 갤러리 컨테이너 렌더링 createCardElement() : 갤러리 카드 요소 생성

️⃣연관된 이슈

210

스크린샷

💬리뷰 요구사항

메서드 분리를 시켜봤는데 부자연스럽거나 개선할만한 게 더 있다면 편하게 말씀해주세요!