본문 바로가기
반응형

분류 전체보기82

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.
VSCODE 한글 단축키 모음 이번에 새롭게 VSCode를 사용하게되면서 그동안에 사용했던 Eclipse를 떠나보내게 되었는데 알고있던 단축키들을 플러그인으로 살릴수 있지만 Git똥찬 VSCode의 단축키를 사용해보고싶었습니다. 열심히 찾아도 한글로되어있는 단축키 모음이 없어서 간단하게라도 만들었으니 누군가에게 도움이 되었으면 좋겠습니다. 2021. 8. 20.
Angular에서 기능 구현하는 방식 💡 Angular 프레임 워크로 특정한 기능을 구현할때 어떤 방식을 사용하는지 표 형식으로 정리하였는데 표에 설명하는내용이 Angular 프레임워크에서 제공되는 기능의 전부가 아니고 큰 그림을 보았을때 진행 순서로 보면된다. 표 보기전 참조 아래의 표현에서 어노테이션이라고 표현하는것은 (angular에서는 데코레이션이라고 표현됩니다.) 아래에서는 양방향 바인딩에 대해서 적혀있지만 Angular는 사실 양방향 바인딩을 지원하지 않는다고합니다 [( )] (banana in a box)에서 추측하면 양방향 바인딩은 이벤트 바인딩과 프로퍼티 바인딩의 축약표현일 뿐이므로 양방향 바인딩의 실제 동작은 이벤트 바인딩과 프로퍼티 바인딩의 조합으로 이루어지는 것일뿐이라고 합니다. (출처. 모던자바스크립트 저자 이웅모 블.. 2021. 8. 20.
728x90
반응형

티스토리툴바