데이터 입출력 구현 8

모듈 구현

01. 단일 모듈 구현

1) 단일 모듈 구현의 개념

• 통합 구현에서 단위 모듈의 구현은 상세 설계된 단위 모듈이나 환경 설정 모듈을 실제 프로그래밍 언어로 구현하는 것
• 모듈들을 통합 구현하기 위해서는 분산되어 있는 모듈들을 그룹화해야 함
• 모듈들을 종류별로 분류하여 컴호넌트화함
• 그룹화된 모듈이나 크기가 큰 모듈들은 통합 구현에 필요한 단위 컴포넌트로 구현함

2) 단위 모듈의 종류

• 단위 모듈 혹은 단위 컴포넌트에는 화면 모듈, 화면에서 입력받은 데이터를 처리하는 서비스 컴포넌트, 비즈니스 컴포넌트, 내외부 인터페이스 컴포넌트, 데이터베이스 접근 컴포넌트, 암복호화 컴포넌트 등이 있음

3) 공통 모듈의 구현

• 공통 모듈은 모든 서비스 컴포넌트 혹은 트랜잭션 컴포넌트가 공통적으로 사용하는 컴포넌트
• 공통 모듈은 인터페이스 컴포넌트, DB 접근 컴포넌트, 암복호화 컴포넌트를 모아 놓은 공통 컴포넌트가 됨

4) 단위 모듈 구현 시 고려사항

• 응집도는 높게, 결합도는 낮게 구현
• 공통 모듈을 먼저 구현한 후, 개별 단위 모듈 구현 시 공통 모듈을 재사용
• 항상 예외 처리 로직을 고려하여 구현
• 단일 모듈 구현이 완료되면 단위 모듈을 테스트
• 단일 모듈의 테스트를 위해서는 IDE 도구를 활용하여 단위 모듈 하나하나에 대한 디버깅을 수행
• 단위 모듈 테스트는 화이트박스 테스트 기법을 사용
  • 화이트박스 테스트 : 프로그램 소스를 직접 보면서 오류를 찾아내는 방법

---

02. 화면 모듈 구현

1) HTML 5

• 웹 애플리케이션에서 화면 단위 모듈화 프로그래밍은 일반적으로 HTML 5를 기반으로 구현됨
• HTML 5는 온라인, 모바일, 패드 등에서 수정 없이 자유롭게 재사용할 수 있음

2) HTML 5 화면 구조

1. Header : 웹 페이지 소개나 내비게이션 기능들의 묶음을 나타내며, 일반적으로 섹션의 제목을 포함함
2. Div : Division의 약자로 섹션 레이아웃을 만들 때 주로 사용하며, Div 태그를 사용하여 각각의 블록을 알맞게 배치함
3. Nav : 메듀 또는 링크와 같은 내비게이션을 위해 구성된 섹션을 나타냄
4. Section : 문서나 애플리케이션의 섹션을 나타내기 위해 추가된 것이며, 문서의 구조를 나타내기 위해 h1, h2, h3 등 Header에 정의된 요소들과 같이 사용함
5. Article : 문서 내에 별도의 글을 표시할 수 있으며, 블로그나 뉴스 본문 등을 나타내는 경우에 사용
6. Aside : 문서의 주 내용이 아닌 관련성이 낮은 내용을 나타내는 것으로 본문과 직접적인 관계가 없는 관련 사이트 링크나 광고 등을 나타냄
7. Footer : 섹션의 꼬리말을 나타내는 것으로 저작자나 저작권, 이메일 등을 포함함

3) 반응형 웹(Responsive Web)

• 모바일 환경의 발전으로 각종 장치들도 같이 발전하게 되면서 종류도 많아지고, 기술도 다양해짐
• 웹 프로그램 개발 시 다양한 장치들을 구분하고, 장치들마다 설정을 다르게 해야 하는 불편함이 있음
• 이러한 불편함을 제거하고, 각 장치의 특성에 맞게 자동적으로 설정해주는 웹 기술을 말함
• 웹 개발자들은 장치의 특성을 고려하지 않고 자유롭게 개발할 수 있음
• 리액트(React), 뷰(Vue), 앵글러(Angular) 같은 웹 컴포넌트를 사용하여 반응형 웹 페이지를 구현함