일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- HTTP란
- mock stub
- 트랜잭션 격리
- 의존성주입
- frontend
- enum
- docker desktop 유료화 정책
- 공짜로 Docker Desktop같은거 쓰기
- Vue+Typescript
- DI
- mock stub spy
- 타입스크립트
- TCP/IP
- TypeScript
- Spock Stub
- 자바스크립트
- Docker Desktop 쓰고싶다
- Mock vs Stub
- Spock Spy
- Spock Mock Stub Spy
- vue store
- Spock Mock
- docker desktop 대체
- nuxtjs/composition-api buildModules
- Rancher Desktop설치
- Javascript
- @Transaction isolation
- webpack
- @Transaction propagation
- ECMAScript
- Today
- Total
목록분류 전체보기 (64)
끄적끄적
자바스크립트의 키워드는 오랜 기간 var
이번에는 많은 관심을 받고 있는 Vue.js에 대해 알아봅시다. Vue는 수많은 프로젝트에서 AngularJS를 사용하여 구글을 위해 작업하던 Evan You에 의해 개발되었다고 해요. 2014년 2월에 첫 릴리즈를 시작으로 꾸준히 발전하고 업데이트가 진행되고 있고, 대표적인 SPA프레임워크 Angular,Vue,React중 제일 진입장벽이 낮기로 유명하며, Vue.js는 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인되었습니다. Vue.js의 장점에 대해 알아보죠. 진입장벽이 낮다. Angular, React에 비해 매우 작고 가벼우며 복잡도가 낮습니다. Template과 Componenet를 사용하여 재사용이 가능한 사용자 인터페이스를 묶고 View Layer..
우리가 구성한 패키지에 대해 알아보고 먼저 프로젝트를 진행하는게 좋을 것 같아 이번 포스팅은 우리가 환경 세팅에 활용한 패키지 구성에 대해 알아보려 합니다. "dependencies": { "babel-loader": "^8.0.6", "extract-text-webpack-plugin": "^3.0.2", "html-webpack-plugin": "^3.2.0", "path": "^0.12.7", "source-map-loader": "^0.2.4", "ts-loader": "^6.0.1", "typescript": "^3.4.5", "webpack": "^4.32.2", "webpack-cli": "^3.3.2", "webpack-dev-server": "^3.4.1", "webpack-merge":..
본격적으로 타입스크립트 프로젝트를 하기 위한 셋팅은 끝났습니다. 프로젝트를 들어가기전에 알아 두셔야 하는 개념부터 알고 들어가 보도록 합시다. 타입스크립트는 모든 변수나 파라미터, 프로퍼티 등의 타입을 정의 해야 합니다. (실제로 타입정의에 대한 비용 때문에 타입스크립트 도입에 대해 고민을 많이하죠^^) 타입 예제 const numberArray: number[] = [1, 2, 3]; const number: number = 1; const string: string = 'text'; const stringArray: string[] = ['1', '2', '3']; const boolean: boolean = true; function example(param: string): string { ret..
ECMA Script? 아직까지 이게 뭔데? 하는 경우를 주위에 많이 접해 오늘은 ECMA Script에 대해 알아보도록 하려합니다. 적어도 어떠한 변화가 있고 예전과는 개발 방식이 다르다는 인식은 필요한것 같아요. 서론이 길었네요.. ECMA 인터내셔널(ECMA International) ECMA 인터내셔널은 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구입니다. 이 기구에서 javascript에 기반한 표준화된 국제 프로그래밍 언어를 제공하기 위해 표준화 되었습니다. ECMA-262 및 ECMA-402 스펙에서 표준화 되었습니다. 그래서 ECMA Script가 뭔데? 즉, ECMA Script란 표준자바스크립트라 생각하시면 되요. 어떠한 버전을 쓰느냐 어떤환경을 셋팅을 하느냐에 따라 자바스크립트..
타입스크립트 프로젝트는 웹팩을 이용해 구현해 보기로 합시다. 먼저 간단히 프로젝트를 구성하기 위해 NPM을 설치합니다. 프로젝트를 설정하기 위해 프로젝트폴더를 생성하고 mkdir typescript-project $cd typescript-project $npm init $npm i webpack webpack-cli npm 패키지를 이용해 타입스크립트 프로젝트를 구성합니다. 타입스크립트 패키지를 인스톨 합시다. $npm install --save typescript ts-loader 프로젝트 구성도입니다. typescript-project |- /build |- base.js |- build.js |- dev.js |- /src |- types |- index.d.ts |- app.ts |- tscon..
TypeScript는 Microsoft에 의해 개발/관리되고 있는 오픈소스 프로그래밍 언어입니다. 대규모 애플리케이션을 개발하는 데 자바스크립트가 어렵고 불편하다는 불만에 대응하기 위해 개발되었습니다. TypeScript는 스크립트 언어의 표준인 ECMA Script (줄여서 ES)의 표준을 따르기 때문에 JavaScript 영역을 침범하지 않고 최신 ES를 지원합니다. '새로운 ES가 나올 때 마다, TypeScript 역시 버전 업을 하여 최신 ES의 기능을 지원합니다.' 타입스크립트의 특징 컴파일 동작 정적 타입 지정 객체 지향 프로그래밍 지원 interfaces & namespaces & modules generic mixins TypeScript를 사용하면 정적 타이핑이 가지는 장점을 Javas..
자바스크립트는 미국의 넷스케이프 커뮤니케이션즈사(Netscape Communications)가 개발한 스크립트 언어입니다. 프로그래밍 처음 입문자이거나 대게 보통 자바스크립트를 제대로 접해보지 않은 사람들은 자바와 이름이 비슷하기 때문에 자바를 하면 자바스크립트를 잘다룬다(?)라는 말을 많이합니다. 실제로 저도 많이 들었습니다.. 자바와 자바스크립트는 위에 표와 같이 다릅니다. 즉, 이름말고는 전혀 다른 언어입니다. Java는 1995년에 썬 마이크로시스템즈의 제임스 고슬링(James Gosling)과 다른 연구원들이 개발한 객체지향적 프로그래밍 언어입니다. 물론, ECMA Script와 Typescript등 많은 javascript의 엄청난 변화가 있어 객체지향적 프로그래밍이 가능해지고 자바와 비슷하게..