inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React start with Next.js

컴포넌트의 props

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

해결된 질문

74

속터져

작성한 질문수 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

7

0

Shrimp Task Manager npx 설치 질문

0

8

0

클로드 코드 초기 설정이 안되요

1

9

1

클로드 코드 터미널 텍스트 중복 출력

0

13

1

비밀번호 재설정 1회용 이메일 링크

0

13

1

강의교안

0

20

1

DOCs와 스킬관련 PRD 폴더트리

0

13

1

캡쳐이미지 터미널에 복붙하는 방법 (윈도우 사용시)

0

14

1

강의교안

0

22

1

확장프로그램 찾기

1

22

1

/statusline 상태표시줄 표시 왜 안될까요

0

21

1

[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처

0

16

2

클로드 코드설치가 안됩니다.

0

27

3

컴포넌트와 레이아웃

0

17

2

강의 노트 확인 방법

0

25

2

공부방향에 대한 조언

0

19

2

styled-components

0

18

2

터미널 기본명령어 강의교안의 링크가 연결되지 않습니다.

0

28

2

모듈형 규칙: .claude/rules - 메모리에 설정 내용 미반영

0

18

2

커서에서 파일추가 Side bar 추가가 어려워요

0

23

1

섹션 8 git 및 github사용 관련

0

23

2

바이브코딩으로서의 개발공부

0

36

2

github 사용 관련 질문

0

28

2

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

0

80

1