본문 바로가기
반응형

Angular/Angular 완전 기초8

Angular의 DI 그리고 React,Vue와의 차이점(Google Angular 개발자에게 받은 대답2) https://sac4686.tistory.com/54 Attribute바인딩과 Property바인딩의 차이(Google Angular 개발자에게 받은 대답1) Angular의 데이터 바인딩을 학습하면서 7가지 종류를 하나하나 이해해보려고 했습니다. 하지만 개념적인 부분에서 부족한것이 많아서 Attribute와 Property의 차이에 대해 먼저 파악하려고 여러가지 sac4686.tistory.com 프론트엔드에서는 VIEW를 구성할 수 있는 다양한 프레임워크들과 라이브러리들이 존재하는데 Angular에서는 어떠한 장점과 그들만의 기술이 있는지에 대한 궁금증으로 내친김에 물어보았습니다. 질문1 나) Why did Angular make us do Dependency Inject unlike other l.. 2021. 9. 6.
Attribute바인딩과 Property바인딩의 차이(Google Angular 개발자에게 받은 대답1) Angular의 데이터 바인딩을 학습하면서 7가지 종류를 하나하나 이해해보려고 했습니다. 하지만 개념적인 부분에서 부족한것이 많아서 Attribute와 Property의 차이에 대해 먼저 파악하려고 여러가지 문서를 뒤져가며 공부한것은 Attribute는 HTML elements에 추가적인 정보를 넣을때 사용되는 요소이고 Property는 html DOM tree 안에서 attribute를 가르키는 요소라고 것을 이해하였습니다. 아래의 예시를 보면 같은형태인것같지만 어째서 두가지로 나눠져있는지가 너무 의문이여서 // 프로퍼티 바인딩 document.getElementById('test').value = 'testvalue'; // 어트리뷰트 바인딩 document.getElementById('test')... 2021. 9. 3.
Angular12 기초개념 데이터 바인딩 정의 구조화 되어있는 웹 애플리케이션은 뷰와 모델의 분리가 되어있으면서 또한 유기적인 동작을 해야한다. 굉장히 모순되어있는 말인데 이 모순을 극복하게 해주는것이 데이터 바인딩이다. 컴퓨터 프로그래밍에서 데이터 바인딩은 제공자와 소비자로부터 데이터 원본을 결합시켜 이것들을 동기화하는 기법이다. -wikipedia- Angular에서 데이터 바인딩은 템플릿(VIEW)과 컴포넌트의 클래스 데이터(Model)를 하나로 묶어서 유기적으로 동작하게 만든다. 기존의 웹 애플리케이션에서는 자바스크립트 DOM API를 사용해서 DOM에 직접 접근하는 방식을사용했는데(ex. jQery에서는 h1태그에 접근하기위해 $('h1'). 이런형식을사용) 이러한 방식은 View와 Model사이의 관계를 분리하기 어려워 뷰가 바뀌면 .. 2021. 9. 2.
Angular 컴파일 개념 (AOT vs JIT) 규모가 큰 프로젝트를 처음 접근하면서 ng serve를 하면 어떨때에는 빠르고 어떨때에는 느리게 생기는 이유가 뭘까 하며 생각하다가 공부하게된것인데 Angular에서는 다양한 상황에 따른 컴파일 설정을 바꿀수 있었다. 그러기위해 Angular.io를 뒤져보며 찾은것을 적어보겠습니다. 💡 Angular에는 컴파일 종류가 2가지로 JIT(Just in Time)과 AOT(Ahead of Time)가 있는데 JIT은 런타임 컴파일을, AOT는 미리 컴파일을한다. JIT 컴파일 💡 JIT은 실제 애플리케이션이 브라우저에서 실행되는 순간에 코드에 대해 컴파일을 진행한다 사용자가 브라우저에 접속하게되면 모든 소스코드를 서버에서 로드해오면서 실행되기 직전에 컴파일을 진행한다. 실행 직전에 컴파일을 하기때문에 에러를 .. 2021. 8. 25.
728x90
반응형