inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React start with Next.js

컴포넌트의 props

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

해결된 질문

78

속터져

작성한 질문수 7

0

next.config.mjs 에서 reactStrictMode 설정을 한 것도 아닌데 왜 콘솔에 한 줄만 뜰까요?

 

image.pngimage.png

 

image.png

 

image.png

 

 

next.js , react, node.js 버전은 현재 기준 가장 최신 버전이고, mac 환경입니다.

npm run dev 로 실행했습니다. 강의시점과의 버전 차이 문제일까요?

javascript react 웹앱 ajax

답변 1

1

구멍가게코딩단

음.. 이상하긴 하네요.. 질문에 대해서 찾아봐도 2번 실행되는게 맞긴 합니다만..

간혹 여러번 재시작되거나 하면서 그러기도 합니다.. 브라우저 쪽의 문제가 경우가 많습니다(가장 확실히 확인하려면 브라우저와 리액트를 완전히 다시 실행해서 확인해 보시는 방법).

 

혹시 브라우저에 React Dev Tools 를 설치하셨을까요? 그러면 억제되는 경우가 있다고 합니다.

React DevTools 4.18.0 이상에서는 "Hide logs during second render in Strict Mode" 설정을 통해 두 번째 로그를 숨길 수 있습니다. 이 설정이 켜져 있으면 이전처럼 1번만 출력됩니다

 

우선 실습하시는데 지장이 없으시면 그냥 그대로 진행하시는게 좋지 않을까 싶습니다. 제가 이따가 저녁에 버전 업해서 다시 한번 체크해 보겠습니다.

 

 

0

속터져

해결했습니다. 말씀하신대로 React Developer Tools 의 영향이었습니다. 예전에 확장프로그래 추가를 해놓았던거 같습니다. 비활성화 하니 두 번 찍힙니다.

빠른 답변 감사합니다!!

프로젝트 이름

0

13

0

왼쪽 창이 달라요

0

19

1

이정도면 영상 다시 찍어야 되는거 아닌가요

0

22

1

statusline 문의드려요

0

19

1

포스트 작성 중 이탈 방지 기능 (취소 버튼 클릭 시 오류)

0

18

1

화면을 tmux로 어떻게 열수 있나요? (VS 사용중)

0

20

1

supabase 인증페이지로 넘어가지 않습니다

0

29

2

진행이안되네요

0

27

1

강의 노트 위주로 학습

0

20

1

/init을 하기 전인데, 강의화면처럼 settings.local.json이 없어요.

0

41

2

섹션 5 영상 안나옴

0

29

1

강의 화면이랑 실제 UI 화면들이랑 너무 다릅니다.

0

46

2

맥 커서에서 클로드 어떻게 실행하나요?

0

47

3

@에이전트 자동완성 기능

0

50

2

mac) brew 설치 후 에러

0

45

2

근본적인 질문

0

50

2

수업 자료 사이트가 또 바뀌었을까요?

0

27

1

cursor UI

0

35

1

제7강 : sonnet으로 변경후 model 확인거 따라하는데 안됨

0

44

2

미션6 진행 관련 .html파일 미저장

0

39

2

claude 설치화면과 코딩내용미 표시 문의

0

47

2

.claude 가 없습니다. 왜그런가요

0

52

2

클로드 접속이 안되고 있습니다.

0

43

2

[Todo삭제와 수정처리1] selectTodo 함수에서 filter 대신 find 메서드를 사용하면 안될까요?

0

89

1