모듈 구현
01. 단일 모듈 구현
1) 단일 모듈 구현의 개념
- 통합 구현에서 단위 모듈의 구현은 상세 설계된 단위 모듈이나 환경 설정 모듈을 실제 프로그래밍 언어로 구현하는 것
- 모듈들을 통합 구현하기 위해서는 분산되어 있는 모듈들을 그룹화해야 함
- 모듈들을 종류별로 분류하여 컴호넌트화함
- 그룹화된 모듈이나 크기가 큰 모듈들은 통합 구현에 필요한 단위 컴포넌트로 구현함
2) 단위 모듈의 종류
- 단위 모듈 혹은 단위 컴포넌트에는 화면 모듈, 화면에서 입력받은 데이터를 처리하는 서비스 컴포넌트, 비즈니스 컴포넌트, 내외부 인터페이스 컴포넌트, 데이터베이스 접근 컴포넌트, 암복호화 컴포넌트 등이 있음
3) 공통 모듈의 구현
- 공통 모듈은 모든 서비스 컴포넌트 혹은 트랜잭션 컴포넌트가 공통적으로 사용하는 컴포넌트
- 공통 모듈은 인터페이스 컴포넌트, DB 접근 컴포넌트, 암복호화 컴포넌트를 모아 놓은 공통 컴포넌트가 됨
4) 단위 모듈 구현 시 고려사항
- 응집도는 높게, 결합도는 낮게 구현
- 공통 모듈을 먼저 구현한 후, 개별 단위 모듈 구현 시 공통 모듈을 재사용
- 항상 예외 처리 로직을 고려하여 구현
- 단일 모듈 구현이 완료되면 단위 모듈을 테스트
- 단일 모듈의 테스트를 위해서는 IDE 도구를 활용하여 단위 모듈 하나하나에 대한 디버깅을 수행
- 단위 모듈 테스트는 화이트박스 테스트 기법을 사용
- 화이트박스 테스트 : 프로그램 소스를 직접 보면서 오류를 찾아내는 방법
02. 화면 모듈 구현
1) HTML 5
- 웹 애플리케이션에서 화면 단위 모듈화 프로그래밍은 일반적으로 HTML 5를 기반으로 구현됨
- HTML 5는 온라인, 모바일, 패드 등에서 수정 없이 자유롭게 재사용할 수 있음
2) HTML 5 화면 구조
- Header : 웹 페이지 소개나 내비게이션 기능들의 묶음을 나타내며, 일반적으로 섹션의 제목을 포함함
- Div : Division의 약자로 섹션 레이아웃을 만들 때 주로 사용하며, Div 태그를 사용하여 각각의 블록을 알맞게 배치함
- Nav : 메듀 또는 링크와 같은 내비게이션을 위해 구성된 섹션을 나타냄
- Section : 문서나 애플리케이션의 섹션을 나타내기 위해 추가된 것이며, 문서의 구조를 나타내기 위해 h1, h2, h3 등 Header에 정의된 요소들과 같이 사용함
- Article : 문서 내에 별도의 글을 표시할 수 있으며, 블로그나 뉴스 본문 등을 나타내는 경우에 사용
- Aside : 문서의 주 내용이 아닌 관련성이 낮은 내용을 나타내는 것으로 본문과 직접적인 관계가 없는 관련 사이트 링크나 광고 등을 나타냄
- Footer : 섹션의 꼬리말을 나타내는 것으로 저작자나 저작권, 이메일 등을 포함함
3) 반응형 웹(Responsive Web)
- 모바일 환경의 발전으로 각종 장치들도 같이 발전하게 되면서 종류도 많아지고, 기술도 다양해짐
- 웹 프로그램 개발 시 다양한 장치들을 구분하고, 장치들마다 설정을 다르게 해야 하는 불편함이 있음
- 이러한 불편함을 제거하고, 각 장치의 특성에 맞게 자동적으로 설정해주는 웹 기술을 말함
- 웹 개발자들은 장치의 특성을 고려하지 않고 자유롭게 개발할 수 있음
- 리액트(React), 뷰(Vue), 앵글러(Angular) 같은 웹 컴포넌트를 사용하여 반응형 웹 페이지를 구현함
'정보처리기사 > 소프트웨어 개발' 카테고리의 다른 글
통합 구현 2 (0) | 2023.05.14 |
---|---|
통합 구현 1 (0) | 2023.05.14 |
데이터 입출력 구현 7 (1) | 2023.05.13 |
데이터 입출력 구현 6 (1) | 2023.05.12 |
데이터 입출력 구현 5 (0) | 2023.05.11 |