2018/02
-
@Input 데코레이터Front-End/Angular 2018. 2. 8. 11:33
@Output EventEmitter 로 데이터 통신하는 방법과 이번에는 @Input 에 대해 사용법을 알아 보면 바인딩할 프로퍼티명을 지정. @Component({ selector : 'order-processor', template : ` Buying {{ quantity }} shares of {{ stockSymbol }} `, styles : [`:host { background : cyan; }`] }) export default class OrderComponent { @Input() stockSymbol : string; @Input() quantity : number; } @Input으로 stockSymbol, quantity 값 지정 @Component({ selector : 'inpu..
-
Componentt 간 통신 EmmitFront-End/Angular 2018. 2. 7. 10:53
컴포넌트간 데이터 전달 캡슐화가 확실히 잘되어있다라고 느낌. 예를 들어 위와 같이 Child에서 발생한 Event 를 Parent 컴포넌트에 전달시켜 주려면 @Output() 이란 어노테이션을 사용해야 한다. EX). user-info 라는 컴퍼너는를 포함한 Component Parent 가 있다고 하면 user-info 가 Child 포함한 Component Parent 가 Parent 가 된다 말이 이상하네.. a user-info 에 EventEmitter 를 등록 클릭시 emit 해준다고 가정 user-info Component@Output() gnbOpenEvent = new EventEmitter(); gnbOpen(){ console.log(">>> gnbOpen called Child > ..
-
과세표준 세율표일기장/잡담 2018. 2. 5. 14:35
2017년도 부터 변경된 과세표준 세율표 5억초과 구간 신설 일반 근로자들에겐 별로 상관없는 부분이긴 하지만 종합소득세를 신고하고있는 프리랜서 입장에서 한번 체크해보고 넘어가고자 정리한다. 각 구간 마다 세율이 큰폭으로 점프하기 때문에 각 구간 초반에 걸리게 될경우 수입조정을 통해 이전 구간 끄트머리에 소속되게끔 조절하는 지혜가 필요해 보인다. 점프할때는 타 구간 초반은 좀 벗어나서 해야 좀 덜 억울?할거 같네. 그래도 많이벌어서 많이 내면 그게 좋지.. 세금무섭다고 돈을 덜 벌겠다라는 사람이 누가 있을까.
-
attribute property 차이Front-End/Angular 2018. 2. 1. 16:26
@Component({ selector : 'app', template : ` Property vs attribute binding: ` }) class AppComponent { greeting : string = 'A value'; onInputEvent (event : Event) : void { let inputElement : HTMLInputElement = event.target; console.log(`The input property value = ${inputElement.value}`); console.log(`The input attribute value = ${inputElement.getAttribute('value')}`); console.log(`The greeting pro..