CheolCheol Dev Note

Angular 바인딩을 사용하다가 template에 NULL인 데이터가 나올수 있을 때 표현법뒤에 ? 를 붙인다. ?의 이름은 safe navigation operator 라고 한다. {{bind? }} {{content?._data}} 출처 : https://stackoverflow.com/questions/42364184/why-we-use-operator-in-template-binding-in-angular-2

html5에서는 좀 더 쉽고 간단한 저장소 제공을 위해 새로운 localStorage와 sessionStorage api를 제공한다. 이 둘의 가장 큰 차이점이라면 저장소로서의 기능은 대부분 동일하며 단지 sessionStorage의 경우 세션이 종료되면 저장된 데이터도 함께 사라진 다는 점이 다른 점이다. 그렇다면 이 메소드는 어떤 경우에 사용할 수 있을까? 쿠키, 서버저장소와 함께 서로의 장단점에 대하여 비교하며 알아보도록 하자. 쿠키의 경우 저장 가능한 공간의 크기가 가장 작고 하나의 텍스트 형태로 저장된다. 그렇기 때문에 비교적 간단한 텍스트 타입의 데이터를 저장하는데 용이하다. 이런 값으로는 팝업의 이름을 예로 들 수 있다. 팝업의 경우 24시간 동안 동작하지 않도록... 즉 열지 않도록 설정하..

클라이언트(웹 브라우저)에서 서버에 어떠한 요청(리퀘스트, Request)를 하면 서버는 응답(리스폰스, Response)를 보낸다. Response Class Code Response Class 의미 설명 1 Informational (정보) 리퀘스트를 받고, 처리 중에 있음. 2 Success (성공) 리퀘스트를 정상적으로 처리함. 3 Redirection (리디렉션) 리퀘스트 완료를 위해 추가 동작이 필요함. 4 Client Error (클라이언트 오류) 클라이언트 요청을 처리할 수 없어 오류 발생 5 Server Error (서버 오류) 서버에서 처리를 하지 못하여 오류 발생 * 200 번대 응답(Response) : 성공(Success) 200 OK * 요청 정상 처리. 204 No Conten..

자주는 아니지만 객체의 특정 컬럼의 중복을 제거를 해야할 때가 있다. 그럴때 나는 밑의 방법처럼 사용한다. getGoodsCategoryInShopUsingGET(member_sq: number): Observable { } category:GoodsCategory= new GoodsCategory(); // 이런식으로 get this.mainCategory = Object(this.category).filter((array, index, self) => self.findIndex((t) => { return t.mainCategoryName === array.mainCategoryName && t.mainCategoryId === array.mainCategoryId; }) === index ); //..

Angular의 모듈(NgModule)은 관련이 있는 구성요소(컴포넌트, 디렉티브, 파이프, 서비스 등)를 하나의 단위로 묶는 메커니즘을 말한다. 다시 말해 모듈은 관련이 있는 구성요소들로 구성된 응집된 기능 블록으로 애플리케이션을 구성하는 하나의 단위를 말한다. 모듈은 다른 모듈과 결합할 수 있으며 Angular는 여러 모듈들을 조합하여 애플리케이션을 구성한다. @NgModule 데코레이터모듈은 @NgModule 데코레이터로 장식된 클래스이다. 중요한 property declarations - 이 모듈에서 사용하는 뷰 클래스를 정의한다. Angular에는 컴포넌트, 디렉티브, 파이프 세 종류의 뷰 클래스가 있다.imports - export로 공개된 클래스를 다른 컴포넌트 템플릿의 this 모듈에 선언..