250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- sessionStorage
- NextJS
- server action
- query param
- 오블완
- react life sycle
- useRouter
- 오라클클라우드
- 공익 훈련소
- svgr
- 자바스크립트 순수함수
- 비동기 병렬처리
- resolved to branch.
- 사회복무요원 훈련소
- 리액트 알림
- next.js toast
- 자바스크립트
- 리액트 라이프사이클
- localStorage
- no-use-before-define
- 훈련소
- styled-component
- react toast
- react
- The above error occurred in the
- useformstatus
- 훈련소 후기
- angular
- 리액트
- 산업기능요원 훈련소
Archives
목록angular output (1)
아 그거 뭐였지
[Angular] Input , Output 데코레이터
Q. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 주고싶다. 이때 사용하면 되는것이 Input, Output 데코레이터이다. 본인은 자식 컴포넌트를 팝업창처럼 띄우고 자식컴포넌트에 데이터를 전달한뒤 종료했을때 종료했다는 사인을 부모 컴포넌트로 받고 팝업창을 닫을때 사용했었다. 바로 사용법을 알아보자. @Input 부모컴포넌트에서 자식컴포넌트로 데이터를 전송할때 사용한다. 자식컴포넌트에서 @Input() 데코레이터를 통해서 데이터를 전송받는다. 대문자로 시작함에 유의하자. 헤더에 타이틀이 바뀔때 @Input() 데코레이터를 통해서 컴포넌트별로 타이틀값만 넣어주는 방식으로 구현할수도있다. 코드 예제를 살펴보자 부모로부터 "insertData"라는 값을 자식으로 전달하여 출력하는 예제이다. // app-chil..
Front-End
2022. 3. 15. 09:19