Chapter_10 수업에서 했던 예시를 스스로 구현하고 싶은데 방법을 모르겠어요
218
작성한 질문수 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
109
1
이거 왜 존재하지 않는다고 뜨는건가요
0
136
1
존재하지 않는 수업이라고 떠요
0
184
1
안드로이드 에뮬레이터 오류
0
100
1
교재 구입해서 강의 들으려고 하는데 커리큘럼이 없어졌어요.
0
128
1
prevIsConfiromed 질문
1
142
2
chapter14 잘이해가 되지않습니다..
1
136
2
2025년 3월 리액트버전
1
204
2
npm 설치 오류
1
178
1
chapter_07 콘솔로그 질문드려요~!
1
128
2
안녕하세요 미니블로그 실습 질문드립니다.
1
179
3
에러가 떠요
1
219
3
Chapter6 질문 드립니다
1
210
2
실습 코드 있을까요?
1
207
2
상태가 업데이트될때 컴포넌트 최상단의 console.log 코드가 두번 실행되는 이유가 궁금합니다.
1
233
2
npx create-react-app my-app 명령어 입력이 잘못된 것 같습니다
0
308
3
이름과 코멘트 줄바꿈이 안 됩니다.
0
142
1
버튼이 안 뜹니다
0
305
2
npx create-react-app my-app
1
471
2
jsx 코드 작성해보기에서 index.js 수정 후 에러 뜹니다.
1
377
3
Chapter_05 터미널, 리액트 에러
0
194
2
npx create-react-app my-app 명령어 반응없음
1
433
3
import 코드 에러
1
215
1
백틱
1
122
1