React : 페이스북에서 만든 프론트엔드 JavaScript 라이브러리다. React-Native : React의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈 소스 프레임워크다. React와 React-Native의 동작 React : React는 Dom이 생성이 되고 난 뒤에 Virtual Dom 을 이용하여 변화된 곳을 캐치하여 변화된 Dom으로 변경한다. React-Native : React Native 코드를 실행하게 되면 Bridge를 이용하여 ios, android 각각의 네이티브 언어에 접근 할 수 있게 한다. React와 React Native 차이점 1. 화면 출력을 React 는 ReactDom을 사용하지만 React Native는 AppRegistry 사용한다. React..

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

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건..

기본타입 타입스크립트는 다양한 기본 타입을 제공한다. 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; } //옵셔널..

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

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