순수자바스크립트로 처음 이렇게 많이 작성해봤습니다.
리액트로 프론트엔드 공부를 시작해서 순수 자바스크립트를 작성해봐서 좋은 경험이었습니다.
조금 실습하다가 조금 궁금한 점이 생겨서 질문을 남깁니다.
Delegate라는 helper 함수를 사용했는데 조금 낯선 방식이어서 오래 봤습니다. 이런 패턴을 자주 사용하나요?
리액트를 사용할 경우,
리스팅되는 component에 이벤트 리스너를 붙일 때
items.map(item => <li onClick={() => handleClick(item.id)} >)
위와같이 사용했는데 이렇게 각 컴포넌트마다 이벤트리스너를 박아놓는건 좋지않은 방식일까요? 조언 부탁드립니다.
Answer 2
3
순수js로 만들때 delegate 함수를 써서 이벤트를 한번에 처리했는데요. 반변 리액트에서는 리스트의 요소마다 이벤트 핸들러를 추가해서 사용했습니다. 생성된 콜백함수 갯수를 절약할 목적이였죠.
리액트 리스팅에서는... 저도 주로 이렇게 사용했는데요. 이벤트 처리함수를 각 자식요소마다 추가하는 것이 좋을지 나쁠지에 대해서는 더 공부해 봐야할 것 같아요.
0
callback 함수를 많이 다는것도 메모리 낭비라고 봐도 될지 아니면 이정도 메모리는 코드가 복잡해보이는거에 비하면 괜찮을 지 고민이네요. 답변 감사합니다.
리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?
1
91
2
super.show() 호출하는 이유가 궁금합니다.
1
83
2
class와 constructor를 이용한 객체 지향 프로그래밍
0
225
2
mvc 패턴 질문
0
197
2
Cannot read properties of undefined (reading 'props')
0
271
2
delegate, emit 필요한 이유
0
197
2
어떤거를 먼저 들어야 하는지 도와주세요
1
265
1
localhost:8080 접속 불가
1
283
1
최근검색어 3 풀이에서
1
188
1
import 문제
1
233
1
자동변환 관련
1
204
1
sort() 질문 드립니다.
1
304
2
reset 시점에 searchResult 빈 배열로 update
2
312
2
Button에 Onclick사용
1
248
1
npx lite-server error 확인 요청드립니다.
1
470
2
node 20이상 쓸때 꿀팁
4
760
3
디버깅 관련질문이 있습니다.
1
295
1
[순수JS2]탭 3(풀이) 질문있습니다.
1
229
1
추상화를 어떻게 받아들이면 될까요??
1
436
1
on 메서드 eventName 문의
1
268
1
import에 관해서 질문드립니다
1
257
1
view.js의 on 메소드에 대해 질문드립니다
1
260
1
componentDidMount에서 getKeywordList()를 하는 이유
1
243
1
[순수JS1]검색폼2_git branch 이동관련
1
281
1