inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

제로쵸 선생님 ㅜ 리액트 문제는 아닌데 질문드려도 될까요?ㅜ

188

오르골

작성한 질문수 7

0



제로쵸 님의 강의를 여러개 듣고 있는 코딩 입문자입니다 ㅜ

간단한 사진첩 클릭 사이트를 만들었는데요.

스샷처럼 한쪽 사진만 계속 선택 했을 때는 함수가 한번만 실행되며 제가 원하는 아웃풋이 나오는데,

다른 사진을 선택하면 함수가 여러번 실행이 되네요... 왜이러는걸까요? ㅜㅜ

소스는 html+js+부트스트랩 로 짰습니다.

 

원본소스의 링크는 아래 올려놨습니다.

https://drive.google.com/file/d/1Ov0Qik9ofDHli-TsblLw5OkUz7uCXTDo/view?usp=drive_link

 

240429 정상출력되다가.jpg

 

240429 여러번.jpg

 

react redux node.js express next.js

답변 1

0

제로초(조현영)

만약 클릭할 때마다 숫자가 점점 늘어난다면, 클릭 이벤트 안에서 이벤트리스너를 새로 add하신 게 아닌가 싶습니다.

0

오르골

답변 감사드립니다 ! ㅠ 그런데 이벤트리스너안에 이벤트리스너가 들어가있는 관련 부분을 주석처리 해보았는데 증상이 그대로네요 ㅠㅠimage

0

제로초(조현영)

click 이벤트들 위주로 확인을 해보세요. capture: true는 알고 쓰신건가요? 이걸 적용하면 이벤트 전파가 반대로 됩니다.

0

오르골

답변 감사드립니다 ㅜ capture: true든 false든 증상은 똑같더라구요 ㅠㅠ
이것저것 다 시도해본다고 저렇게 다 true로 해놓은 것 같습니다 ㅠ
click 이벤트들 위주로, 그리고 다른 소스들도 다 보았는데 진짜 모르겠습니다 ㅠㅠ

넥스트 버젼 질문

0

78

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

175

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

373

1

sudo certbot --nginx 에러

0

1275

2

Minified React error 콘솔에러 (hydrate)

0

470

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

327

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

382

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

338

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

288

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

239

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1