본문 바로가기

공부

 (171)
앵귤러 서비스 angular Service, Denpendency Injection 앵귤러 서비스 , 의존성주입 컴포넌트의 관심사와 애플리케이션 전역의 관심사를 분리하는 것 = 서비스 컴포넌트는 자신의 관심사에 집중, 복잡도 ↓ 재사용이 가능하게 된다
디렉티브 디렉티브(지시자) DOM의 모든것을 관리 하기 위한 명령 컴포넌트도 큰 의미에서 디렉티브 디렉티브는 단일 책임 원칙에 의해 복합적인 기능보다는 여러 요소에서 공통,반복될 하나의 기능을 명확히 구현 디렉티브((뷰)가 없음, 자식x 컴포넌트는 디렉티브,파이프,서비스 등을 조합해서 뷰를만듬, 디렉티브는 부모가 될 수 없고 사용될뿐 3가지 유형의 디렉티브 컴포넌트 디렉티브, 어트리뷰트 디렉티브, 구조디렉티브
todosv5 todos v5 navItems: NavItem[] = ['all', 'active', 'completed']; navitem의 요소가 배열로된 요소여야한다 getter {{foo}} 푸라는 프로퍼티를 참조한다 없으면 안찍고 끝 프로퍼티의 두종류(데이터프로퍼티, 접근자프로퍼티) 데이터는 value라는 내부슬롯을 반드시 갖고있다 접근자프로퍼티는 없다 __ proto __ 다른 프로퍼티의 value라는 값을 조작할때 사용 const obj = { _x :100 get x = function(){ return _x * -1} } 모든 getter 는 반드시 리턴이 있어야하고 모든 setter는 할당문이 있어야한다 모듈에는 (컴포넌트,디렉티브,파이프)가 들어온다 파이프 만들기 todos | todosFilter..
0620
@Input @Output todos 복기 keyup.enter($evnet) = 이벤트 객체 전송 keyup.enter(input) #input 템플릿참조변수 addtodo(e) {e.value} = undefined {e.target.value} 해줘야함 this.todos.map(todo => todo.id) todo를 받아서, 순회를 하면서 , todo.id 프로퍼티만 담은 '배열'을 만들겠다 max:가변인자함수 (내부에서 아규먼트들을 본다) Math.max.apply(null, this.todos.map(todo => todo.id)) apply는 apply앞에 있는 '함수를 호출한다' (1번일), 2번째 인수로 전달한 함수를 , apply앞에 있는 함수의 this에 argument를 전달한다 (2번일) this.todo..
todo v5 todo-form의 역할 이벤트를 발생시켜 부모에게 addtodo 함수가 발생했음을 알림, 값도주나? 값도주면 todos배열에 추가. 자식이 -> 부모에게 보내줘서 부모에서 추가하는거니까, 이벤트 바인딩 output , 이벤트바인딩을 하는데 필요한문법 todos footer의 역할은 부모로부터 숫자를 받아와서 그냥 출력해준다. 컴플리트, item 컴플리트를 누르면 = 부모에게 이벤트를 발생시켜서 삭제하라고 알려준다. 올컴플리티드가 변경되면, 올체크를 하라고 알려준다. nav는 navitem이랑 nav state를 받아와서 for문 돌면서 맞는애들은 클래스 달고 아닌애들은 클래스안달고 눌렀을때 클래스가 같으면, list는 리무브,
빌트인 디렉티 tab 구현 class="tab" [class.active]="tab.active" 별개다. active값을 뒤에있는 '표현식'값을 평가해서 active를 추가하겠다 처음에 active true인애가 , 활성화가 되어야한다 tabs의 scope는 li안에서만 이다 class ="tab active" 이렇게되있다면 뒤에 프로퍼티 바인딩에 의해 false일때 떨어진다 {{tab.iconClass}} 클래스바인딩 = [class] ="tab.iconClass" '기존의 것을 덮어쓴다' 클래스바인딩의 2가지 class. 클래스이름 (단항클래스바인딩) [class] = "문자열" class바인딩은 , class를 여러개 바인딩할때 안쓰는게 원칙 ngclass는 기존의것과 'merge'한다 [ngClass] ngF..
제네 타입스크립트 = 제네릭 : 일반적인 스택,큐 둘다 뒤에서 넣지만 어떻게 꺼내는가 push,shift,unshift,pop( 원본 배열 변경) push리턴값 unshift pop [1,2,3] unshift push push와 unshift의 대용품 push 대용품 = [...todos, {-}] = todos.concat({-}) unshift 대용품 {{}...todos} = [{}].concat(todos) pop의 대용품 arr.[length-1] unshift = arr[0] 정적인 언어에서의 배열은 int arr[4] 4바이트 1000,1004,1008,1012 이런식으로 있어서 아무리 큰배열이라도 O(1)로찾아간다. 자바스크립트에서 배열은 따라만했을뿐 어떤값이 들어올지 모를경우 arr[4] 링..

티스토리툴바