Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- HTML
- 리액트
- javscript
- GRID
- graphQL
- 자바스크립트
- express
- heroku
- JavaScript
- ES6
- nodejs
- Flutter
- ECMAScript
- Component
- TypeScript
- API
- Mongoose
- pug
- node.js
- form
- Session
- DART
- CLONE
- frontend
- NextJs
- backend
- CSS
- clonecoding
- MongoDB
- react
Archives
- Today
- Total
목록dynamic component generation (1)
Enjoy Programming
앞서 포스팅한 내용중 복사 붙여넣기로 컴포넌트에 다른 값을 계속 주는 것은 효율적이지 못하다. 예를들어 브라우저에서 데이터가 오면 그 데이터를 복사 붙여넣기로 넣을 수 없기 때문이다. 이제 웹사이트에 동적 데이터를 추가하는 방법을 알아야 한다. 예를 들어 서버에서 좋아하는 음식의 이름과 이미지가 담긴 리스트 데이터가 온다고 생각해보자 그럼 이 데이터들을 어떻게 하나씩 처리 할 것인가. 우선 가짜 리스트를 하나 만들어본다. 음식의 이름과 이미지가 담긴 리스트이다. 니코는 말한다 react는 just javascript라고 ~ 자 리스트 배열에 담긴것을 하나씩 무언가 적용시킬 때 쓰는 함수는? forEach도 있고 map도 있지만 여기서는 내가 적용시킬 것을 적용하고 그대로 리스트를 반환 할 것이므로 map..
JavaScript/React
2021. 5. 22. 17:28