개발새발! 🙉

  • 홈
  • 태그
  • 방명록

@input 1

앵귤러 컴포넌트 데이터 전달 방법 및 Todo 리스트 예제 응용하기

컴포넌트 커뮤니케이션 1) 부모-> 자식 컴포넌트 ✅ 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때는 @Input 데코레이터를 이용하면 부모->자식 컴포넌트로 속성값을 세팅할 수 있다. ✅ 자식 컴포넌트의 속성을 ES6 setter를 이용해서 데이터를 가공한 후에 비공개 속성값을 세팅할 수도 있다. get을 통해 비공개 속성값을 공개적으로 가져오게 된다. ✅ @ViewChild 데코레이터를 이용하여 자식 컴포넌트 클래스에 인스턴스 레퍼런스를 부모 컴포넌트에서 직접 전달받을 수도 있다. 2) 자식->부모 컴포넌트 ✅ 자식 컴포넌트에서 부모 컴포넌트로 이벤트를 발송할 때는 @Output 데코레이터와 EventEmitter를 이용하여 특정 이벤트와 데이터를 발생시킬 수 있다. ✅ 이벤트 바인딩을 통해 ..

Frontend/Angular 2024.03.23
이전
1
다음
더보기
프로필사진

개발새발루 익힌 Backend, Frontend, Devops 기술을 기록합니다.

  • 분류 전체보기
    • Computer Science
      • 자료구조 & 알고리즘
      • 시스템 소프트웨어
      • 보안 & 인공지능
      • DB
    • Frontend
      • JavaScript
      • WebSquare
      • Angular
    • Backend
      • Java
      • Spring, SpringBoot
      • Python
    • Software Engineering
      • Git, SVN
      • Eclipse, VSCode
      • 기타
    • IT Note
      • 리뷰
      • IT 관련글
      • 자격증
      • 프리랜서
    • Financial Note
      • 재테크
      • 세금

Tag

programers, 알고리즘 풀이, 앵귤러, IntelliJ, java, springboot, JDK, github, 프리랜서, angular, Programmers, Python, Maven, vscode, 프리랜서개발자, Book, 프로그래밍 언어도감, Eclipse, git, Javascript,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바