Soulless

나는 그동안 Swift 를 1%정도만 알고 써 왔던 것 같다. Objective-C 로 되어 있던 프로젝트를 단순히 Swift 로 변환하면서, 그것도 당시 2.0버전이 막 나왔을 때 처음 "Objective-C 랑 큰 차이 없네" 라는 생각으로 지금까지 써 왔는데 기본 문법에 대한 문서들을 하나씩 읽어가다보니 "Swift 는 전혀 새로운 언어였구나" 싶다.그리고 처음부터 다시 시작하려고 한다. 그동안 몰랐던 것 또는 대충 알았지만 이렇게까지 좋은지 모르고 안써왔던 것 혹은 Objective-C에도 있었는데 모르고있었던 것 위주로 정리하는 노트- lazy property- key path- map- flatMap- filter- reduce- monad...

동작중인 Docker 컨테이너 확인docker ps 전체 Docker 컨테이너 확인docker ps -a 컨테이너 내리기docker stop ${CONTAINER_NAME} 컨테이너 삭제docker rm ${CONTAINER_NAME} Docker 이미지 확인docker images Docker 이미지 삭제docker rmi ${REPOSITORY}:${TAG} Docker 이미지 빌드docker build --tag ${REPOSITORY}:${TAG} . Docker 컨테이너 실행docker run -t -d --name ${CONTAINER_NAME} ${REPOSITORY}:${TAG}docker run -t -d -p ${FROM_PORT}:{TO_PORT} --name ${CONTAINER_N..

Response header 에 다음이 설정되어야한다.Cache-Control: no-cache, no-store, must-revalidate (for HTTP 1.1)Pragma: no-cache (for HTTP 1.0)Expires: 0 (for proxies) Html meta tag .htaccess (Apache) Header set Cache-Control "no-cache, no-store, must-revalidate" Header set Pragma "no-cache" Header set Expires 0 Java Servletresponse.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");response.setHe..

Linux (Ubuntu)에 Docker 설치 설치sudo apt-get updatesudo apt-get install docker.io 링크sudo ln -sf /usr/bin/docker.io /usr/local/bin/docker 계정을 Docker 그룹에 포함sudo usermod -aG docker ${USER}sudo service docker restart 계정 재로그인

Angluar2 를 처음 사용해보면서 정리하던 글인데이 글들을 공개하는 지금(2018/08/07) 이미 Angular 는 버전 6.1.1 이다이미 회사에서 4.0.3으로 시작한 프로젝트가 서비스중이고일부 프로토타입은 6.x 로 진행되고 있다.대부분 많은게 좋아졌고 처음 프로젝트를 진행할 때 서비스로 Angular 가 괜찮을까? 하는 불안감도 있었고,컴포넌트 기반 프론트엔드 라이브러리, 프레임워크가 초기 반응 속도가 느린 문제는 이제 큰 문제가 아닌 게 되어버린 것 같다.Angular 에 포함되어 있는 RxJS(ReactiveX) 는 이미 많은 언어의 라이브러리에서 사용중이고 많은 개발자들의 개발 방식에 변화를 가져온 것 같다.이 시점에 다시 6.x 혹은 다음 버전으로 정리를 해야겠지만 묵은(이미 쓸모없어..

새로운 Component 생성콤포넌트를 추가한다.ng g component list추가한 콤포넌트는 기본적으로 app-{component-name} 으로 만들어진다.여기서는 "app-list"로 만들어진다.콤포넌트를 app 에서 사용해본다src/app/app.component.html {{title}}

라우터를 사용하기 위한 설정라우터 모듈 추가src/app/app.module.ts...import { RouterModule } from '@angular/router';...@NgModule({...imports: [...RouterModule.forRoot([]),...],...})라우터 패턴을 app.module.ts에 정의하는 것도 가능하지만,여기서는 루트 라우터로 app.routing.ts 를 작성한다라우팅 파일 추가@angular/cli 에서 아직 route 추가를 지원하지 않기 때문에 직접 파일을 만들어준다.src/app/app.routing.tsexport const appRoutes = [{ path: '', redirectTo: '/list', pathMatch: 'full' }]여기에..

Angular2 의 UI 콤포넌트로 Material 사용설치npm install --save @angular/material사용 설정src/app/app.module.ts...import { MaterialModule } from '@angular/material';... @NgModule({...imports: [...MaterialModule,...],...})export class AppModule { } Gesture 를 위한 추가 설정HammerJS 설치npm install --save hammerjsHammerJS 모듈 추가src/app/app.module.tsimport 'hammerjs';

angular-cli 사용하기설치sudo install -g @angular/cli프로젝트 생성ng new project-name프로젝트 디렉토리 이동cd project-name실행npm start 4200번 포트가 다른 프로젝트에서 사용중이므로 package.json 내용을 바꿔 웹팩의 실행 포트를 바꿔보자!package.json{..."scripts": {..."start": "ng serve --port 8000",...}...} 이제 8000번 포트에서 동작한다.