분류 전체보기(98)
-
유의적 버전
유의적 버전 : x.x.x와 같은 형태로 버저닝을 하는 것 x.x.x : Major(주). Minor(부), Patch(수) 버전 버전별 의미 1. 기존 버전과 호환되지 않게 API가 바뀜 -> 주 버전 올리기 2. 기존 버전과 호환되면서 새로운 기능 추가 -> 부 버전 올리기 3. 기존 버전과 호환되면서 버그 수정 -> 수 버전 올리기
2020.01.29 -
TypeScript & Angular 개발단계
1. 프로젝트 폴더 생성 2. package.json 파일 -> 어플리케이션에서 사용하는 패키지 목록 작성 3. npm install이나 yarn install -> package.json파일에 작성한 패키지 설치 4. 어플리케이션 코드 작성 5. SystemJS로더 사용 -> 브라우저에 어플리케이션 실행 SystemJS로더는 TypeScript -> JavaScript 코드를 변환하는 기능도 수행 6. Webpack사용 -> 어플리케이션 코드와 리소스 압축하고 번들링 7. npm 스크립트 사용 -> 어플리케이션 배포 폴더로 복사
2020.01.17 -
TypeScript 문법 정리
TypeScripts는 JavaScript의 상위 집합, 따라서 JavaScript에서 제공하는 기능 외에 몇가지 기능을 추가했음 ES5의 모든 문법을 지원하고 ES6문법 대부분을 지원함 1. 타입지정 변수를 선언하면서 타입을 지정할 수 있음 let name1 = 'kang'; let name2 : string = 'kang'; 타입을 지정하면 TypeScript 컴파일러가 컴파일할 때 잘못 사용된 코드를 잡아낼 수 있고, IDE에서도 자동완성 기능이나 리팩토리 기능을 제공할 수 있음 (생산성 upup!) - 변수, 함수의 인자, 함수의 반환값에 타입을 지정할 수 있음 - 변수의 값은 JavaScript와 마찬가지로 null, undefined 가능 - 타입을 명시하지 않으면 값이 처음 할당될 때 모든 ..
2020.01.16 -
Angular에서 JavaScript대신 TypeScript사용하는 이유?
결론부터 얘기하자면 "생산성" 때문! 1. JavaScript는 컴파일 과정이 없기 때문에 에러가 런타임에서만 발생한다 문자열을 인자로 받는 함수에 개발자가 실수로 숫자를 넣었다면? 컴파일 과정에서는 에러 없이 돌아가서 문제를 미리 발견하고 고치지 못하게 된다. 런타임에서 에러가 발생하면 어플리케이션이 종료되어 서비스가 멈출 수도 있는 상황인 것이다. JavaScript에서 동적으로 타입을 결정하기 때문에 발생하는 문제! 생산성을 높이기 위해서는: 처음부터 정적 타입을 지원하는 언어로 개발하고 -> JavaScript로 변환해서 배포 컴파일해서 JavaScript으로 만들어 낼 수 있는 언어 : 대표적으로 TypeScript, Dart, CoffeeScript Angular 프레임워크 자체도 TypeSc..
2020.01.16 -
[Angular] 아키텍쳐 정리 : 개요-모듈-컴포넌트-서비스/DI
Angular 공식문서를 보면서 의식의 흐름대로 정리한 내용입니다 (https://angular.kr/guide/architecture) 1. 개요 Angular = HTML + TypeScript 플랫폼이자 프레임워크 앵귤러 어플리케이션 → 컴포넌트 클래스 + 템플릿 상호작용 → 화면에 데이터 표시 컴포넌트 = 컨트롤러, 뷰모델 역할 [특정 UI영역을 재사용하기 위해 따로 분리해서 정의한 것] 템플릿 = 뷰 역할 2. 모듈 Angular는 JavaScript모듈과 다르면서 서로 보완적인 NgModule체계를 마련해두었음 NgModule 앵귤러 어플리케이션 구성 요소 중 가장 중요한 것 : 컴포넌트 묶음인 'NgModule' NgModule = 비슷한 기능을 하나로 묶어서 관리하기 위한 모듈 - 도메인,..
2020.01.06 -
docker vs virtual machine
Docker ≠ Virtual Machine docker컨테이너는 VM처럼 하나의 온전한 서버를 제공하는 것이 아니라 명령을 실행하는 '환경'만 제공하고 그 명령을 실행할 뿐 https://www.popit.kr/%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%B2%98%EC%9D%8C-docker-%EC%A0%91%ED%95%A0%EB%95%8C-%EC%98%A4%EB%8A%94-%EB%A9%98%EB%B6%95-%EB%AA%87%EA%B0%80%EC%A7%80/ 개발자가 처음 Docker 접할때 오는 멘붕 몇가지 | Popit 이번 글은 Docker의 개념 보다는 Docker를 처음 접하게 되었을 때 혼란스러웠던 내용을 정리한 글이다. Docker 컨테이너를 사용하는 용도는 ..
2019.12.24