320x100
320x100

패키징

: 개발이 완료된 소프트웨어를 사용자에게 배포하기 위해 빌드하고 설치 및 사용자 메뉴얼을 작성하는 활동

 

 

 

패키징 순서

1) 기능 식별

2) 모듈화

3) 빌드 진행 - 컴파일

4) 사용자 환경 분석

5) 패키징 적용 시험 (사용자 환경과 동일한 환경에서 테스트)

6) 패키징 변경 개선

 

 

 

 

 

배포도구

:  패키징 시 지적 재산권을 보호 및 관리하고 유통과 배포를 보장하는 도구

 

- 암호화

: 콘텐츠 및 라이선스를 암호화 (통신 위주)

 

- 키 관리

: 암호화한 키에 대한 저장 및 배포

 

- 암호화 파일 생성

: 암호화된 콘텐츠 생성 (파일 위주)

 

- 식별 기술

: 각 콘텐츠를 식별할 수 있게함

 

- 저작권 표현

: 라이선스의 내용 표현

 

- 정책 관리

: 라이선스 발급 및 사용에 대한 정책

 

- 크랙 방지

: 크랙에 의한 콘텐츠 사용 방지

 

- 인증

: 라이센스 발급 및 사용자 인증

 

 

 

 

 

번들링

: Java Script에서 사용하는 웹팩에서 나온 개념으로, 소프트웨어가 커질 수록 세분화된 모듈 파일이 늘어나고, 모듈 단위의 파일들을 호출할 때 신경써야하는 각 변수들의 스코프 문제와 네트워크 문제를 신경쓰기 위한 작업

: 기능별로 모듈화 하거나 소스코드 파일들을 하나로 묶어주는 것

 

- 번들러

: 여러 개로 흩어져 있는 파일들을 압축, 난독화 등을 하여 하나의 파일로 모아주는 역할 수행

: 서로 연관된 소스코드 파일을 하나의 번들 파일로 묶음

 

 

 

 

 

웹팩

: 애플리케이션의 필요한 모든 파일을 병합하고 하나의 결과물 (번들)을 생성하는 도구

: 애플리케이션의 성능 및 로드 시간 개선

 

- Entry

: 웹팩이 애플리케이션에 필요한 모든 모듈을 찾기 위한 진입점

: 웹팩은 엔트리를 통해 의존적인 모듈을 전부 찾아내는데, 이때 모듈 간 의존 관계로 생기는 구조를 Dependency graph라고함

: entry가 여러 개일 경우 배열로 구성할 수 있음

 

- Output

: 모든 모듈을 하나로 묶은 결과물이 위치할 경로

 

- Loader

: 웹팩은 JavaScript 밖에 읽지 못하는데, HTML, CSS, Images, 폰트 등을 웹팩이 읽을 수 있도록 변환

: npm을 통해 css-loader, style-loader 등을 추가 설치하여 사용

 

- Plugin

: 로더가 수행할 수 없는 추가적인 처리를 하기 위한 외부 도구

: npm을 통해 추가 설치하여 사용

 

 

 

 

 

 

Reference

 

소프트웨어 개발 ( 제품 소프트웨어 패키징 )

Step 3

velog.io

 

[Bundling] 번들링(Bundling)이란?

소프트웨어가 커지면 커질수록 각각의 세분화된 모듈 파일이 늘어나고, 모듈 단위의 파일들을 호출할 때 신경써야하는 각 변수들의 스코프 문제, 그리고 호출할 때 생겨나는 네트워크도 신경써

velog.io

 

웹팩 이해하기 - 2

지난 글에서는 프론트엔드 개발 환경 설정을 위해 가장 많이 사용되는 웹팩의 정의와 필요성에 대해 알아보았다. (*웹팩 이해하기 -…

tecoble.techcourse.co.kr

300x250
728x90