Angular: Lifecycle Hooks λ¬Έμ„œμ—μ„œ μž…λ ₯이 μ‚¬μš©λ˜μ§€ μ•Šμ„ λ•Œ ngOnChangesκ°€ ν˜ΈμΆœλ˜μ§€ μ•ŠλŠ”λ‹€λŠ” 것이 λͺ…ν™•ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2018λ…„ 03μ›” 27일  Β·  1논평  Β·  좜처: angular/angular

μ œμΆœν•©λ‹ˆλ‹€...

[x] Documentation issue or request

ν˜„μž¬ 행동

Lifecycle Hooks νŽ˜μ΄μ§€λŠ” ngOnChanges() λŒ€ν•΄ λ‹€μŒκ³Ό 같이 λ§ν•©λ‹ˆλ‹€.

ngOnInit() 전에 그리고 ν•˜λ‚˜ μ΄μƒμ˜ 데이터 λ°”μΈλ”©λœ μž…λ ₯ 속성이 변경될 λ•Œλ§ˆλ‹€ ν˜ΈμΆœλ©λ‹ˆλ‹€.

ngOnInit() :

처음 ngOnChanges() 이후에 [...] 호좜됨

ꡬ성 μš”μ†Œκ°€ μž…λ ₯을 μ œκ³΅ν•˜μ§€ μ•Šκ³  _μ‚¬μš©λ˜λŠ” 경우 ngOnChanges() κ°€ ν˜ΈμΆœλ˜μ§€ _not_ ν•΄λ‹Ή μ„€λͺ…μ—μ„œ λͺ…ν™•ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μ˜ˆμƒλ˜λŠ” 행동

λ¬Έμ„œλŠ” ngOnChanges() λ™μž‘μ— λŒ€ν•΄ 더 λͺ…ν™•ν•΄μ•Ό ν•©λ‹ˆλ‹€. 특히 ꡬ성 μš”μ†Œμ— μž…λ ₯이 μ„ μ–Έλ˜μ—ˆμ§€λ§Œ μ‚¬μš©λ˜μ§€ μ•Šμ€ 경우 ngOnChanges() λŠ” ngOnInit() 전에 ν˜ΈμΆœλ˜μ§€ _μ•ŠμŠ΅λ‹ˆλ‹€_

μ§€μΉ¨μœΌλ‘œ 문제λ₯Ό μ΅œμ†Œν•œμœΌλ‘œ μž¬ν˜„

https://stackblitz.com/edit/angular-ngonchanges

행동을 λ°”κΎΈλŠ” 동기/μ‚¬μš© μ‚¬λ‘€λŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ?

λ¬Έμ„œλ‘œ νŒλ‹¨ν•˜λ©΄ μž…λ ₯이 μžˆλŠ” ꡬ성 μš”μ†Œμ˜ 경우 ngOnChanges() κ°€ μƒμœ„ ν…œν”Œλ¦Ώ/ꡬ성 μš”μ†Œμ—μ„œ μ‚¬μš©λ˜μ§€ μ•ŠλŠ” κ²½μš°μ—λ„ ngOnInit() 전에 항상 ngOnChanges() κ°€ λ¨Όμ € ν˜ΈμΆœλœλ‹€λŠ” 인상을 받을 수 μžˆμŠ΅λ‹ˆλ‹€.

μ΄λŠ” ngOnChanges() μ—μ„œ ꡬ성 μš”μ†Œμ˜ μ‹œμž‘ 논리λ₯Ό λ³΅μ œν•˜λŠ” 경우 ngOnInit() μ œκ±°μ™€ 같이 λͺ…ν™•ν•˜μ§€ μ•Šμ€ 우발적 였λ₯˜λ‘œ μ΄μ–΄μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.

docs feature medium

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

이것 μ—­μ‹œ μ €λ₯Ό μ‚¬λ‘œμž‘μ•˜μŠ΅λ‹ˆλ‹€.

λ¬Έμ„œλŠ” μ‹€μ œλ‘œ ngOnChangesκ°€ ngOnInit μ‹€ν–‰μ˜ μš”κ΅¬ 사항인 κ²ƒμ²˜λŸΌ λ³΄μ΄μ§€λ§Œ 데이터가 λ°”μΈλ”©λ˜μ§€ μ•Šμ€ 경우 ngOnChangesκ°€ μ „ν˜€ μ‹€ν–‰λ˜μ§€ μ•Šμ„ μˆ˜λ„ μžˆλ‹€λŠ” 점을 λΆ„λͺ…νžˆ ν•˜μ§€λ„ μ•ŠμŠ΅λ‹ˆλ‹€. μ‹€μ œλ‘œλŠ” ν˜ΈμΆœλ˜λŠ” μˆœμ„œλ₯Ό λ‚˜νƒ€λ‚΄λŠ” 것일 뿐이며 μ„œλ‘œ 관련이 μžˆλŠ”μ§€ μ—¬λΆ€κ°€ νŠΈλ¦¬κ±°λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

이것을 μ •λ¦¬ν•˜λ©΄ 쒋을 κ²ƒμž…λ‹ˆλ‹€.

>λͺ¨λ“  λŒ“κΈ€

이것 μ—­μ‹œ μ €λ₯Ό μ‚¬λ‘œμž‘μ•˜μŠ΅λ‹ˆλ‹€.

λ¬Έμ„œλŠ” μ‹€μ œλ‘œ ngOnChangesκ°€ ngOnInit μ‹€ν–‰μ˜ μš”κ΅¬ 사항인 κ²ƒμ²˜λŸΌ λ³΄μ΄μ§€λ§Œ 데이터가 λ°”μΈλ”©λ˜μ§€ μ•Šμ€ 경우 ngOnChangesκ°€ μ „ν˜€ μ‹€ν–‰λ˜μ§€ μ•Šμ„ μˆ˜λ„ μžˆλ‹€λŠ” 점을 λΆ„λͺ…νžˆ ν•˜μ§€λ„ μ•ŠμŠ΅λ‹ˆλ‹€. μ‹€μ œλ‘œλŠ” ν˜ΈμΆœλ˜λŠ” μˆœμ„œλ₯Ό λ‚˜νƒ€λ‚΄λŠ” 것일 뿐이며 μ„œλ‘œ 관련이 μžˆλŠ”μ§€ μ—¬λΆ€κ°€ νŠΈλ¦¬κ±°λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

이것을 μ •λ¦¬ν•˜λ©΄ 쒋을 κ²ƒμž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰