White Whale Studio

현상 : 전달받은 소스를 돌려보려고 ng serve 입력했으나 다음과 같이 에러 메시지 출현 문제발생하면 구글부터 찾는게 습관이라..ㅠㅠ 나중에 알고보니 에러 메시지에 해결법이 나와있었네요. npm rebuild node-sass 명령어를 통해 서로 다른 환경으로 설정된 부분을 재설정 해주는 기능을 수행합니다.명령어를 실행한 뒤 다시 ng serve 해보면 해결~!

Angular 테스트를 위해 ng serve를 했을 때는 아무런 문제가 없는데배포를 위해 ng build --prod 를 돌리면계속 HostDirective 인식이 안된다고 에러 메시지를 뱉는 통에 도대체 뭔가하면서 구글링을 했습니다만..결국은 못찾고 혼자 이리저리 해보다가 해결했습니다. 그냥 에러 로그만 보면 HostDirective를 NgModule 쪽에 추가하라는 것인데서브 폴더 내에 sub.module.ts 안에 있는 @NgModule({ imports: [ CommonModule, MenuRoutingModule, EditModule, SuiModule, CovalentLayoutModule, CovalentStepsModule, CovalentFileModule, MdIconModule, Co..

Pipe 는 템플릿 화면에 데이터를 보여줄때 선작업을 통해 커스터마이징 또는 변화된 데이터를 보여주고 싶을 때 사용한다. 예를 들어 회원 유무 정보가 0(비회원), 1(회원)인 경우 실제 데이터를 보여줄때 0이나 1로 보여줄수는 없을 것이다. 이 때 Pipe를 통해 0인 경우 비회원 1인 경우 회원으로 표시할 수 있다. 우선 Pipe를 사용하려면 생성을 해야한다. Node.js 콘솔에서 다음과 같이 타이핑 하여 파이프를 생성한다. ng g pipe MemberTypePipe 생성된 소스를 다음과 같이 수정한다. import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'memberTypePipe'})export class MemberTypeP..

Node.js : 이벤트 루프, 코어 라이브러리로 구성된 서버 사이드의 자바 스크립트실행 환경--> Node.js 를 통해 JavaScript가 브라우저에서 벗어나 Node.js가 설치된 곳이라면 어디서든 사용할 수 있도록 변화됨 NPM : Node Package Manager -> Node.js에서 기본으로 사용하는 패키지 관리 도구(package : JavaScript, Html, css 등의 리소스 묶음) REPL : Read, Evaluation, Print, Loop의 약자로, 읽기, 평가, 출력, 반복을 수행하는 도구를 의미