171113_TIL.md

17.11.13.(월)

DONE

• Angular>Component>
  • Template Refernce Variable; 템플릿 참조 변수로 프로퍼티 접근하기
    ____input 요소에 #input만 달았더라면 이벤트 객체 체이닝을 사용하지 않아도 되는 것이었다...
  • Interaction; 컴포넌트 간 상태정보 공유 체계와 원리. 위에서 아래로, 아래에서 위로 정보를 전달할 때의 차이점
    ____위에서 아래로 전달 시 @Input 데코레이터를, 반대의 경우 요소의 이벤트에 EventEmitter()로 생성한 이벤트를 끼워넣는다. 단 하나의 상태정보 객체를 수많은 컴포넌트가 바라보는 상황을 타개하는 다양한 방법들이 있다.. 현 시점에 바로 적용하기 좋은 것은 상태정보 객체 변경 시 memory address 변경을 유발하는 것.
  • Accessing Child; 부모 컴포넌트가 자식 컴포넌트(또는 디렉티브, DOM)을 manipulate하는 방법.
    ____@ViewChild, @ViewChildren 데코레이터 함수의 인수로 (타깃의 클래스|타깃 템플릿 참조변수)를 전달하거나, @ContentChild, @ContentChildren 데코레이터 함수를 사용한다.
  • Style; Angular에서 web component 간 css 룰셋을 분리하는 방법. 분리한다는 건 필요 시에만 일괄적용한다는 의미.
    ____root component stylesheet에는 모든 컴포넌트에 일괄적용할 스타일만 선언한다. 이를테면 reset, base font size? (ng-material을 사용 시 루트 스타일에 적용한 font-size가 각 material 컴포넌트 커스터마이징 시 rem단위에 영향을 줄 수 있는지는 확인이 필요하다)
    ____View encapsulation, Shadow DOM style selector등의 옵션으로 스타일의 상호 간섭을 컨트롤한다. 프로젝트 시작하면 CSS framework 사용함에 있어서 필요한 옵션. 다만 ng-material을 사용할 가능성이 높아서 상속 컨트롤보단 컴포넌트 커스터마이징이 더 어려울듯...
• Django-RestAPI framework tutorial
  ____메모장 프로젝트 만들고, 모델 만들고, 템플릿 문법 사용해서 뷰 만들기. 다음 단계부터 RestAPI가 본격적으로 (짧게) 등장. 파이썬을 더 잘 알아야 전반적인 이해가 가능할 것 같다... 아직까진 타자연습 반, 이해 반.

TODO

• resume 수정
• Angular summary
• daily algorithm(hacker rank)