Chapter_10 수업에서 했던 예시를 스스로 구현하고 싶은데 방법을 모르겠어요
223
작성한 질문수 2
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((a) => <li>{a}</li>);
ReactDOM.render(<ul>{listItems}</ul>, document.getElementById('root'));이 예시를 강사님처럼 리액트로 만들고 싶은데 이때 index.js를 어떻게 해야하나요?
#수업질문
답변 1
0
안녕하세요, 소플입니다.
아래와 같이 한 번 해보시겠어요?
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((a) => <li>{a}</li>);
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<ul>{listItems}</ul>);
감사합니다.
0
답변 감사합니다. 잘 되었습니다. 다른 예제들도 리액트로 구현하고 싶은데, 그러면 강의에서 예제로 보여주는 명령어들을 그대로 index.js에 입력한 후에 root.render를 통해 하면 되는 걸까요?
0
네, 동일하게 해보시면 됩니다.
다만 실습 부분을 제외한 이론 강의에 나오는 예제 코드들은,
실제로는 작동하지 않고 설명을 위해서만 작성된 코드들도 포함되어 있습니다.
그래서 시도는 해보셔도 되지만 아마 작동하지 않을 수 있기 때문에 이 점을 참고해주시기 바랍니다!
강의가 삭제되었다고 합니다
0
136
1
이거 왜 존재하지 않는다고 뜨는건가요
0
151
1
존재하지 않는 수업이라고 떠요
0
198
1
안드로이드 에뮬레이터 오류
0
115
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
143
1
prevIsConfiromed 질문
1
157
2
chapter14 잘이해가 되지않습니다..
1
150
2
2025년 3월 리액트버전
1
218
2
npm 설치 오류
1
199
1
chapter_07 콘솔로그 질문드려요~!
1
140
2
안녕하세요 미니블로그 실습 질문드립니다.
1
192
3
에러가 떠요
1
231
3
Chapter6 질문 드립니다
1
221
2
실습 코드 있을까요?
1
220
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
250
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
323
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
151
1
버튼이 안 뜹니다
0
314
2
npx create-react-app my-app
1
481
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
390
3
Chapter_05 터미널, 리액트 에러
0
203
2
npx create-react-app my-app 명령어 반응없음
1
440
3
import 코드 에러
1
218
1
백틱
1
127
1