Notification 생명주기 출력에 대한 질문
702
작성한 질문수 3
안녕하세요, Notification 예제를 풀다가 질문이 생겨 질문드립니다.
다른 수강생분께서 올려주신 질문에 대한 답을 읽고 제 코드가 잘못된거 같아서 질문드립니다!
소플님께서 설명해주신 것에 따르면, 1번과 2번이 mount가 되면, 재랜더링이 일어나면서 1번이 update가 된다. 또한 1, 2번이 mount된 시점에 3번이 마운트가 되면 1, 2번이 재랜더링이 일어나면서 update하며, 1, 2, 3번이 모두 마운트 된 이후에는 재랜더링이 아닌 unmount가 실행되는 순서라고 봤습니다.
하지만 제 코드의 로그를 보면 이 순서가 아닙니다, 혹시 mount-update-unmount의 실행되는 순서가 임의로 바뀔수가 있는지 아니면 단순히 제 코드의 문제인건지 궁금합니다.
또한 else{} 구문에 배열을 초기화 시켜주는 코드를 넣으면 Notification3번은 실행되지도 않은채 배열이 초기화 되어버립니다. 이건 왜 그런건지 궁금합니다.
답변 2
0
안녕하세요. 뒤늦게 리액트를 접하게 되어서 공부중입니다.
저도 질문자분과 동일하게 생명주기 함수가 뒤죽박죽으로 호출 되었는데요.(예상과는 다르게)
index.js render부분에 <React.StrictMode>를 제거하니깐 제대로 동작을 하네요.
혹시 React.StrictMode는 뭘까요..???
1
안녕하세요, 소플입니다.
Strict Mode는 쉽게 말해서 개발 모드일 때 잠재적인 버그를 찾을 수 있게 해주는 모드라고 생각하시면 됩니다.
더 자세한 설명은 아래 링크를 참고하시기 바랍니다.
감사합니다.
0
안녕하세요, 소플입니다.
일부 코드만 봐서는 정확한 답변을 드리기 어려운데,
혹시 Notification 컴포넌트 코드도 보여주실 수 있을까요?
감사합니다.
강의가 삭제되었다고 합니다
0
110
1
이거 왜 존재하지 않는다고 뜨는건가요
0
138
1
존재하지 않는 수업이라고 떠요
0
184
1
안드로이드 에뮬레이터 오류
0
101
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
130
1
prevIsConfiromed 질문
1
144
2
chapter14 잘이해가 되지않습니다..
1
136
2
2025년 3월 리액트버전
1
205
2
npm 설치 오류
1
178
1
chapter_07 콘솔로그 질문드려요~!
1
129
2
안녕하세요 미니블로그 실습 질문드립니다.
1
179
3
에러가 떠요
1
220
3
Chapter6 질문 드립니다
1
210
2
실습 코드 있을까요?
1
208
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
234
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
309
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
142
1
버튼이 안 뜹니다
0
305
2
npx create-react-app my-app
1
472
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
377
3
Chapter_05 터미널, 리액트 에러
0
194
2
npx create-react-app my-app 명령어 반응없음
1
434
3
import 코드 에러
1
215
1
백틱
1
122
1