< UML >
- 객체지향 소프트웨어 개발 과정에서 산출물을 명세화, 시각화, 문서화 할 때 사용되는 모델링 기술과 방법론을 통합해서 만든 표준화된 범용 모델링 언어
< UML 구성요소>
1. 사물(Things)
- 추상적 개념, 주제를 나타내는 요소
- 관계(Relationships)
- 사물의 의미를 확장하고 명확히 하는 요소
- 사물과 사물을 연결하여 관계를 표현하는 요소
- 다이어그램(Diagrams)
- 사물의 관계를 모아 그림으로 표현한 형태
< 클래스 간의 관계 >
- 연관 관계
- 클래스가 개념적으로 연결
- 축구팀 – 공격수,수비수,골키퍼
- 집합 관계
- 하나의 객체에 여러 독립 객체 구성
- 속이 빈 마름모
- 차 ◇– 엔진, 바퀴, 운전대
- 복합 관계
- 영구적이고 집합보다 더 강함
- 속이 찬 마름모
- 엔진 ◆– 피스톤, 플러그
- 일반화 관계
- 하나의 사물이 다른 사물에 비해 더 일반적인지 구체적인지 표현
- 차 ◁– 자가용, 택시, 버스
- 의존 관계
- 하나의 클래스가 다른 클래스 사용
- 교수 <- 수업
- 실체화 관계
- 추상 클래스나 인터페이스를 상속받아 자식클래스가 추상 메소드를 구현할 때 사용
< UML의 유형 >
- 클래스 다이어그램
- -내부(private)
- +외부(public)
- #동일패키지/파생패키지(protected)
- ~동일 패키지(default)
- 유스케이스 다이어그램
- 시스템 제공 기능 및 관련 외부 요소를 사용자 관점에서 표현
- 사람 그림 있음
- 시퀀스 다이어그램
- 객체 간 상호작용을 메시지 흐름으로 표현
- 객체, 생명선, 실행, 메시지로 구성
- 패키지 다이어그램
- 시스템의 서로 다름 패키지들 사이의 의존 관계표현
- 폴더 모양 있음
- 활동 다이어그램
- 어떤 기능 수행하는지 객체의 처리 로직 or 조건에 따른 처리의 흐름을 순서대로 표현
- ●◉◇
- 상태 다이어그램
- 하나의 객체가 자신이 속한 클래스의 상태변화 or 다른 객체와의 상호작용에 따라 상태가 어떻게 변화하는지 표현
- ●◉▢
- 커뮤니케이션 다이어그램
- 시퀀스처럼 객체들이 주고받는 메시지 표현 + 연관까지 표현
- 사람 모양이랑 □
- 컴포넌트 다이어그램
- 시스템을 구성하는 물리적 컴포넌트와 그들 사이의 의존관계 표현
- 우주선 모양
< 목업 >
- 실제 제품이 나오기 전 만드는 모형을 의미 (비용절감 목적)
< 화면 설계 도구 >
- 파워 목업
- 파워포인트에 추가 메뉴를 설치해 목업 기능을 사용할 수 있도록 지원
- 발사믹 목업
- 스케치한 느낌으로 빠르고 심플하게 콘셉 전달 도구
- 카카오 오븐
- 카카오에서 제작한 온라인 프로토타이핑 도구
< 프로토타이핑 도구 >
- UX핀
- 웹 브라우저를 통해 와이어프레임과 프로토타이핑 동시 작업
- 액슈어
- 스토리보드에 포함되는 정책, 플로 차트, 디스크립션 모두 작성 가능
- 네이버 프로토나우
- 네이버에서 만든 프로토타이핑 툴
Data가 좋은 Web 개발자