반응형 Angular/Angular 완전 기초8 Angular에서 생명주기(Life Cycle) 오늘 공부하게 되었던 내용은 Angular에서 사용되는 생명주기 그중에서도 라이프사이클 훅 메서드들에대해서 사용하게되었습니다. Angular.io에서 여러가지 문서를 보면서 정리한내용입니다. **LifeCycle hooks** 컴포넌트와 지시자는 생명주기(Life Cycle)를 가지고있는데 , 생명주기 안에서는 특정 시점에 훅 메서드(hook method)를 호출할 수 있다. 컴포넌트 인스턴스는 Angular가 컴포넌트 클래스의 인스턴스를 생성한 시점부터 미리 정의된 Life Cycle에따라 화면에 렌더링되며 동작합니다. 라이프 싸이클 **단계에 따라 화면에 렌더링** 되고 자식 컴포넌트를 화면에 추가합니다. 컴포넌트가 동작하는 동안 프로퍼티로 바인딩된 **데이터가 변경되었는지 감지**합니다. 값이 변경.. 2021. 8. 23. Angular 파일 구조 간편정리(완전 기초) Angular를 새롭게 공부하면서 가장 큰 문제는 무엇을 모르는지 이 파일은 무슨역할을하고 내가 작성한 이 파일은 무엇을 의미하는지에 대해 파악하는것이 첫번째 할일이라고 생각하게되어서 Angular CLI를 통해 프로젝트를 생성한 후 Default로 생기는 개발환경 파일들 프레임워크의 용도를 파악하며 공부하였습니다. 조금이라도 이해가지 않았던 부분들을 하나하나 따로 빼서 작성해놓았으니 단어가 생소하다 생각되는 단어들은 확인하면서 쭉 한번 읽어보시면 도움이 될 것 같습니다. src 폴더 내부 파일명(폴더명) 설명 /app(폴더) Angular의 모든 주요 구성요소가 위치하며 root 즉 애플리케이션의 최상위 폴더정도로 보면 될것같다. /app/app.component. * .ts, .html, .css, .. 2021. 8. 21. Angular에서 기능 구현하는 방식 💡 Angular 프레임 워크로 특정한 기능을 구현할때 어떤 방식을 사용하는지 표 형식으로 정리하였는데 표에 설명하는내용이 Angular 프레임워크에서 제공되는 기능의 전부가 아니고 큰 그림을 보았을때 진행 순서로 보면된다. 표 보기전 참조 아래의 표현에서 어노테이션이라고 표현하는것은 (angular에서는 데코레이션이라고 표현됩니다.) 아래에서는 양방향 바인딩에 대해서 적혀있지만 Angular는 사실 양방향 바인딩을 지원하지 않는다고합니다 [( )] (banana in a box)에서 추측하면 양방향 바인딩은 이벤트 바인딩과 프로퍼티 바인딩의 축약표현일 뿐이므로 양방향 바인딩의 실제 동작은 이벤트 바인딩과 프로퍼티 바인딩의 조합으로 이루어지는 것일뿐이라고 합니다. (출처. 모던자바스크립트 저자 이웅모 블.. 2021. 8. 20. Angular 개요 요약 정리 (Angular 12 시작하기 전 개념정리) SPA( Single Page Application ) 프레임워크이자 React나 Vue의 근원이된 Angular 프레임워크에대해 간단하게 처음쉽게 접근하며 공부하게 정리해보았습니다. 생각한것보다 Angular.Io가 불친절하여서 이곳저곳 찾아다니며 정리하였습니다. 저도 공부 2일차라서 제대로 정리되지 않은 부분이 있고 또한 많은 내용중에 필요했던 부분들을 요약정리한 것이기에 기초 개념정리 느낌으로 훓어보시고 참고자료 링크를 통해 세부사항을 보시면 도움되실 것 같습니다. 👨🏫참고자료 angular.io (Angular 문서) poiemaweb.com(모던 자바스크립트) 정의 ⭐Angular는 HTML과 TypeScript로 클라이언트 애플리케이션을 개발할 때 사용하는 플랫폼이고 프레임 워크입니다. An.. 2021. 8. 19. 이전 1 2 다음 728x90 반응형
