전체 글

프레임워크와 라이브러리의 차이점

Framework Vs Library 프레임워크는 단지 미리 만들어 둔 반제품이나, 확장해서 사용할 수 있도록 준비된 추상 라이브러리의 집합이 아니다. 프레임워크가 어떤 것인지 이해하려면 라이브러리와 프레임워크가 어떻게 다른지 알아야 할 것이다. Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻하고, 제어의 역전 개념이 적용된 대표적인 기술이다. 소프트웨어에서의 프레임워크는 '소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합' 이라 할 수 있으며, 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야한다. 객체 지향 개발을 하게 되면서 통합성, 일관성의 부족이 발생되는 문제를 해결할 방법중 하나라고 할 수 있다. 프레임워크의 특징 특정 개념들의 추상..

[AWS] AWS FreeTier 어디까지 무료인지/FreeTier 사용량

AWS FreeTier라고 해서 1년내내 모든게 다 무료가 아니다. 컴퓨팅 서비스 EC2 ※ 클라우드에서 제공되는 크기 조정 가능한 컴퓨팅 월별 750시간까지 무료 단, Linux, RHEL 또는 SLES 또는 Windows t2.micro 인스턴스 타입만 가능 750시간은 대략적으로 서버1대를 24시간동안 30일 사용할 정도 ELB ※ 수신되는 애플리케이션 트래픽을 여러 Amazon EC2 인스턴스에 자동으로 배포해주는 서비스 Classic 및 Application Load Balancer 간에 월별 750시간까지 무료 Classic Load Balancer에서 데이터처리 15GB까지 가능 Application Load Balancer에서 15LCU 사용 Lambda 월별 무료 요청 1,000,000건..

[TypeScript] 타입스크립트 기본 문법

기본타입 타입스크립트는 다양한 기본 타입을 제공한다. Boolean, Number, String, Object, Array, Tuple, Enum, Any, Void, Null, Undefined, Never 변수에 타입 설정 let str: string = 'hi'; let num: number = 100; let arr: Array = [1, 2, 3]; let arr2: number[] = [1, 2, 3]; let obj: object = {}; let obj2: { name: string, age: number} = { name: 'hoho', age: 22 }; 함수에 타입 설정 function add(a: number, b: number): number { return a+b; } //옵셔널..

[TypeScript] 자바스크립트 타입스크립트로 전환

자바스크립트 프로젝트를 타입스크립트로 전환하는 법 유효한 자바스크립트는 유효한 타입스크립트이며 타입스크립트는 모든 타입을 명시적으로 선언하지 않아도 최선을 다해 타입을 추론하려고 한다. 이러한 사실은 자바스크립트를 타입스크립트로 점진적, 단계적으로 전환할 수 있음을 의미한다. 1. 비주얼 스튜디오 코드(VSCode)로 자바스크립트 페어링 비주얼 스튜디오 코드에는 편집기 또는 특정 작업 영역(프로젝트)에 대해 자바스크립트에서 타입스크립트 검사를 활성화 할 수 있는 설정이 포함되어 있다. ..vscode/setting.json에 다음 코드를 추가할 수 있다. { "Javascript.implicitProjectConfig.checkJs":true } 이제 타입이 안전하지 않은 줄에는 에디터에서 해당 코드를 ..

[TypeScript] 프론트엔드 프레임워크/라이브러리와 타입스크립트

리액트(React) 리액트와 타입스크립트의 호환성을 비교적 좋은 편이다. 최근 들어 많은 개발자들이 리액트와 타입스크립트 조합을 선택하고 있다. 리액트 공식 홈페이지에서는 타입스크립트를 사용하기 위한 가이드를 제시하고 있다. 페이스북에서 공식적으로 배포하는 리액트 웹 개발용 보일러 플레이트인 Create React App은 간단한 옵션 추가만으로 타입스크립트를 사용할 수 있도록 지원한다. 보일러 플레이트 : Boilerplate, 구조·설정 작업을 자동으로 진행해주는 도구이자 명령어 뷰(Vue.js) 뷰 2.0에서는 타입스크립트를 사용할 수 있지만 몇몇 라이브러리의 도움을 받아야 하거나 구현 자체가 안되는 문제도 다수 있었다. 뷰 3.0부터는 타입스크립트를 공식 지원한다. 뷰 3.0 CLI(Command..

[TypeScript] 타입스크립트의 특징

2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어다. 타입스크립트의 특징 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환된다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 오래 걸린다는 단점이 있다. 자바스크립트 슈퍼셋(Superset..