Front-End 개발 환경

이번에 개인 프로젝트를 진행 하면서,

평소 업무에서 사용해 보지 못한

다양한 기술들을 최대한 적용해 보고자

마음 먹고 프로젝트를 진행 중입니다.

요즘 Frontend 개발에 많은 새로운 기술들이

도입되고 자리를 잡아가고 있는 것 같습니다.

Backend 개발은 어느정도 대세가 자리 잡고 있는 것에 반하여

Frontend에는 새롭고 배워야 할 것들이 넘처나고 있었습니다.

현재 개인 프로젝트에서 적용하고자 공부 중인

Fonrt-end 개발 환경에 대해 간략하게 정리하고자 합니다.

* 의존성 & 빌드 프로세스 관리 도구 : npm

Node Package Modules의 약자로

node js 개발에 사용되고 있는 패키지 관리 도구 입니다.

Javascript계의 메이븐이라고 할 수 있을 것 같습니다.

프로젝트 루트의 package.json 파일로

프로젝트 관련 설정들을 정의해 놓습니다.

라이브러리 의존성이나,

빌드 프로세스 별 동작 등을 정의해 놓을 수 있습니다.

node js 설치 시 함께 설치됩니다.

* Unit Test : Jasmine

JavaScript용 Unit test 라이브러리 입니다.

간단한 사용법으로 쉽게 익힐 수 있고,

비동기 기능도 쉽게 테스트 가능합니다.

* Unit Test 자동화 툴 : Karma

Karma는 Jasmine Unit test를 자동으로 처리해 주는 도구입니다.

등록해 놓은 js 파일의 수정여부를 확인하여

파일 수정과 동시에 자동으로 테스트를 진행합니다.

설정해 놓은 브라우저를 자체적으로 띄우고

해당 브라우저와 통신하여 테스트 결과를 콘솔에 표시합니다.

* RequireJS

js 파일간의 의존성을 관리해 주며,

Namespace를 관리해줍니다.