개발새발! 🙉

  • 홈
  • 태그
  • 방명록

@Output 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

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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.