08-01-map-fruits 실무 효율적인 렌더링 예제
데이터를 bbb 같은 데이터에 담고 그걸 presenter에 담으면 presenter에서 데이터를 알아보기 어려우니까 3번과 같이 map 자체를 <div> 에 담아서 렌더링 한다고 말씀하셨는데요, 그렇다면 3번과 같은 렌더링은 컨테이너의 return에 적는걸까요 아니면 presneter의 return에 적는걸까요?
답변 2
0
안녕하세요! mjj971020님!
현재 작성하여 보여주신 코드 전체가 presenter에 있으면 될 것 같아요!
html 태그들이 있기 때문에, 시각적으로 어떤 그림이 그려질지 상상이 될 수 있으니 말이에요!
(현 예제는 가독성을 위한 효율성을 이야기 하는 것이며, 성능적으로의 효율성을 이야기 하는 것은 아니에요! 따라서, 성능까지 개선하는 방법은 뒤에서 추가로 배우셔야 합니다!^^)
0
안녕하세요, 인프런 AI 인턴입니다.
mjj971020님, 질문하신 내용은 React에서 컴포넌트를 구조화하는 방법과 관련이 있네요. React에서는 이러한 데이터 렌더링 로직이 view를 담당하는 presenter 컴포넌트의 return 문에 주로 위치합니다. 즉, 데이터를 시각적으로 표현하는 구조와 스타일을 관리하는 부분이 presenter 컴포넌트이기 때문에, 3번과 같은 map을 이용한 리스트 렌더링 역시 대체로 presenter의 return 문 내에서 처리됩니다.
컨테이너 컴포넌트는 대게 데이터 처리나 비즈니스 로직을 담당하며, 처리된 데이터를 presenter 컴프넌트에 전달하는 역할을 합니다. 따라서, 질문하신 경우에는 렌더링 로직을 presenter의 return에 포함시키는 것이 일반적입니다. 이로써 데이터의 구조와 관련된 로직을 더 명확히 분리할 수 있고, 각 컴포넌트의 관심사를 더욱 명확히 할 수 있습니다.
fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다
0
39
1
댓글 기능 구현 중 질문드립니다.
0
66
1
쿠폰코드 발급
0
133
2
example 서버 플레이그라운드, API 접속 모두 안됩니다.
0
87
2
문의드립니다!! ㅠㅠ
0
101
2
graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.
0
77
2
_app.js 작성 이후로 에러가 발생하네요
0
93
2
학습자료
0
70
2
학습자료가 안열립니다.
0
50
2
플레이 그라운드 퀴즈 문제 질문이 있습니다.
0
61
0
기존강의 구매자, 업데이트 끝인가요?
0
110
3
업데이트 버전 수강
0
89
2
완벽한 프론트엔드
0
136
2
나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.
0
83
1
graphql 접속이 안됩니다.
0
100
2
const, let 사용 질문 드립니다.
0
70
2
싸이월드 만들기 1탄 피드백 부탁드립니다.
0
122
2
회원가입 과제 피드백 부탁드립니다.
0
80
2
styled.span / styled.input "CSS 자동완성"
0
47
1
쿠폰 발급 관련
0
166
2
서버 502 error
0
247
2
쿠폰 다시 부탁드려도 될가여?
0
140
2
a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요
0
184
2
2분 44초 질문
0
131
3