분류 전체보기137 앵귤러 기초(Angular basic) 15.생명주기(lifecycle), hook 앵귤러 생명주기(lifecycle)와 훅(hook)에 대해 알아보겠습니다. 이번 포스트에선 아래의 내용을 다루고 있습니다. 생명주기(lifecycle) OnInit OnChanges OnDestroy 구성 요소에는 Angular에서 관리하는 라이프사이클이 있습니다. Angular는 1.컴포넌트를 생성하고 2.렌더링하고 3.하위 컴포넌트를 만들고 렌더링하며 4.데이터 바인딩 속성이 변경될 때 변경사항을 처리한 다음 5.DOM에서 해당 템플릿을 제거하기 전에 삭제합니다. Angular는 이 라이프사이클을 활용하고 필요에 따라 작업을 수행하는 데 사용할 수 있는 일련의 라이프사이클 훅(hook)을 제공합니다. Lifecycle hook 라이프 사이클 hook는 Angular에서 제공하는 인터페이스입니다. (인.. 2022. 1. 25. 앵귤러 기초(Angular basic) 14.컴포넌트 스타일 캡슐화 컴포넌트의 스타일은 어떻게 관리해야 될까요? 컴포넌트 스타일의 캡슐화에 대해 알아보겠습니다. 이번 포스트에선 아래의 내용을 다루고 있습니다. 컴포넌트의 스타일링 컴포넌트 스타일 캡슐화 컴포넌트의 스타일링 컴포넌트에 대한 템플릿을 작성할 때 해당 템플릿의 스타일이 필요한 경우가 많이 있습니다. 예를 들어 네비게이션 컴포넌트를 작성할 경우 li 또는 div 요소 스타일링이 필요할 수 있습니다. 스타일 필요로 하는 컴포넌트를 다른 컴포넌트 내에 중첩시킬 때(부모 컴포넌트에서 자식 컴포넌트를 쓰는 경우), 우리는 컴포넌트의 고유한 스타일을 가져올 수 있는 방법이 필요합니다. 한 가지 선택사항은 템플릿의 HTML에서 직접 스타일을 정의하는 것이지만, 이러한 스타일을 보고 재사용하고 유지 관리하는 것은 더 어렵습.. 2022. 1. 24. 앵귤러 기초(Angular basic) 13.인터페이스(interface) Interface는 앵귤러 고유의 기능은 아니지만 앵귤러 애플리케이션을 만드는데 있어서 필수 불가결한 중요한 기능입니다. 잠시 interface에 대해 알아보고, 앵귤러 애플리케이션에 적용해 보겠습니다. 이번 포스트에선 아래의 내용을 다루고 있습니다. 타입 인터페이스란 인터페이스를 쓰는 두 가지 사용법 타입 TypeScript사용의 이점 중 하나는 강력한 타입(type)을 갖는 것 입니다. 모든 프로퍼티에는 타입이 있고 모든 메서드에는 반환 타입이 있으며, 모든 메서드 매개 변수 에는 타입이 있습니다. 타입은 더 나은 구문 검사 및 도구를 통해 오류를 최소화 하는데 도움을 줍니다. 그러나 경우에 따라 아래 movies배열과 같이 사전에 정의된 타입이 없는 프로퍼티 혹은 메서드가 있습니다. 이런 경우 mo.. 2022. 1. 23. 앵귤러 기초(Angular basic) 12.파이프(pipe) 테이터를 적합한 포맷으로 만들어 주는 파이프에 대해 알아보겠습니다. 이번 포스트에선 아래의 내용을 다루고 있습니다. 파이프 종류 파이프 사용법 파이프 Angular의 데이터 바인딩을 이용하면 데이터를 쉽게 표시할 수 있습니다. 하지만 DB를 통해 수신받은 데이터가 화면의 표시에 적합한 형식이 아닌 경우도 있습니다. 파이프는 데이터가 화면에 출력하는 적합한 포멧이 아닐 경우 유용합니다. 그리고 바인딩된 프로퍼티를 표시하기 전에 변환하므로 프로퍼티 값을 사용자에게 더 친숙하거나 더 적합한 로케일(국가나 지역 문화에 의해 다른 언어나 단위, 표기 등, 혹은 사용자 환경)로 변경할 수 있습니다. 파이프 종류 Angular에는 date, number, decimal, percent, currency, upperc.. 2022. 1. 22. 이전 1 ··· 28 29 30 31 32 33 34 35 다음
