JS + Angular

Javascript ES6 - let, const

Arrow Function ES6에서 추가된 함수 표현식으로 주로 실행을 위한 함수로 사용. ex) 차이점 일반 함수는 this객체를 동적 바인딩을 통해 얻는다. 화살표 함수는 this객체를 정적 바인딩을 통해 얻는다. 일반 함수의 this 바인딩 함수 -> 전역(window) 객체 메소드 -> 메소드 소유 객체 생성자 -> 새롭게 만든 객체...

HTML과 TypeScript로 FE를 개발할 때 사용하는 프레임 워크각 화면을 나타내는 컴포넌트와 비즈니스 로직을 처리하는 서비스등 을 연관된 기능에 따라 NgModule로 묶어 사용모듈, 컴포넌트, 서비스는 단순한 클래스이지만, 데코레이터를 통해 Angular가 해

View에서 사용할 애플리케이션 로직은 컴포넌트에 정의된다.View는 클래스의 프로퍼티와 메서드를 활용하여 클래스와 상호작용컴포넌트의 뷰는 템플릿으로 정의하며, 템플릿이 화면에 렌더링되는 모양은 HTML 형식으로 정의뷰는 보통 계층적으로 구성하며, 개발자가 원하는 대로

이제 앵귤러는 서비스와 옵저버블 까지 작성하면 정리한 부분이 마무리 될거 같다. 사실 기초적인 문법 정도만 숙지하고 바로 소스 코드를 보러 갔기 때문에 실제 코드를 보는 과정에서는 더 어려움이 있엇다... 특히 구조를 파악하는 과정에서 문제점이 많았는데 이는 나중에 또

서비스의 개념은 이전에 Spring을 학습하며 이해한 경험이 있다. 앵귤러의 서비스도 이와 크게 다르지 않아 보였다. 특히 DI(Dependency Injection)을 통해 외부에서 서비스를 주입하는 구조는 스프링과 같아서 쉽게 이해할 수 있었다.간단히 정리해보자면,

들어가기 전 ... 이제 Angular에 대한 대략적인 개념은 잡고 가는거 같다. 사실 더 많은 내용이 있지만, 전부 정리 하기에는 부담되서 여기까지만 하려고 한다. 아마도 다음 정리는 프로메테우스와 그라파나로 모니터링 환경 구축을 한 내용을 정리할 것 같다. 사실 필