랑아
article thumbnail

모듈 구현

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) 같은 웹 컴포넌트를 사용하여 반응형 웹 페이지를 구현함

'정보처리기사 > 소프트웨어 개발' 카테고리의 다른 글

통합 구현 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
profile

랑아

@RangA

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!