본문 바로가기
반응형

Angular14

Angular 공부순서와 로드맵 목표설정 https://roadmap.sh/angular Developer Roadmaps Community driven roadmaps, articles, guides, quizzes, tips and resources for developers to learn from, identify their career paths, know what they don't know, find out the knowledge gaps, learn and improve. roadmap.sh Angular 개발을 위한 로드맵을 하나 발견하여서 해당 순서를 아래와 같은 순서로 풀면서 하나씩 공부하고 정리해서 이 카테고리에 정리하고자한다. Learn TypeScript Basics What is TypeScript ( 타입스크립트란.. 2021. 10. 20.
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.
728x90
반응형