부트캠프/따로 공부

사이드 프로젝트 with React 22. 클래스 다이어그램

하이고니 2023. 3. 13. 11:11

 

 

들은 강의: Part 3. 프로젝트 설계하기 04. [이론] 시스템 설계 (3) - Class diagram

 

 

클래스 다이어그램이란?


  • 한 시스템을 구성하는 클래스들의 구조(structure), 속성(attribute), 메서드(method)를 시각화한 diagram
  • 클래스의 구조 및 클래스 간의 관계에 초점을 맞춘 structural diagram

 

객체가 아닌 정적인 클래스. '정적'이란 것은 시간이나 조건에 대한 것을 염두에 두지 않은 것.

 

 

왜 사용하나요???

  • 클래스 간의 관계, 의존성을 빠르게 파악할 수 있다.
  • 새로운 요구사항이 들어왔을 때, 재사용하거나 확장할 만한 클래스가 있는지 빠르게 파악 가능
  • 소프트웨어가 완성된 후 구현 설명을 위해 사용할 수 있다.
  • 새로운 팀원이 왔을 때 빠르게 시스템 구조를 파악할 수 있다. (시각화가 중요)

언제 사용하나요???

  • 요구사항이 수집되고, 시스템 내의 클래스 설계를 할 때
  • 클래스 간의 관계가 복잡할 때 (상속과 조합이 많을 때)
  • 시스템에서 사용되는 클래스들의 구조를 시각화해야 할 때
  • 새로운 시스템을 설계하거나 기존의 시스템을 확장할 떄

 

어떻게 사용하나요???

 

구성 요소 

 

구성 요소 종류 이미지  
클래스 속성 GroupExpense: 클래스 이름


속성

payer
desc
amount
paidAt
formValidated
메서드
관계 상속   화살표는 항상 부모를 가리킨다.
조합   다이아몬드 모양의 화살표.

ExpenseList가 부모격이다.

ExpenseList가 GroupExpense를 '조합'하고 있다.

 

Architecture diagram, Sequence diagram, Class diagram을 대충이나마 배웠다!! 내가 만들려고 하는 서비스에 세 가지 다이어그램을 바로 적용하기는 힘들 것 같다. 해당 다이어그램을 사용해 더치페이 서비스를 설계하는 과정을 보면서 어떤 식으로 돌아가는지 이해해봐야겠다. 아예 모르는 개념들이 팍팍팍 튀어나오니까 혼란스럽긴 한데 오히려 즐겨보겠습니다. 화이팅

 

 

 

 

 

#패스트캠퍼스 #패캠챌린지 #수강료0원챌린지 #환급챌린지 #직장인인강 #직장인자기계발

#패캠인강후기 #패스트캠퍼스후기 #오공완 #사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

 

http://bit.ly/3Y34pE0

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr