DDOstory

  • 홈
  • 태그
  • 방명록

아이디 1

[React] 출석부 출력 (List and Keys)

map 함수를 사용해서 리스트를 렌더링 했는데 각 엘리먼트에 키가 빠져 오류가 나는 상황화면에 각 학생 객체의 고유한 값을 가진 아이디를 추가map 함수의 엘리먼트에 아이디를 값으로 해서 키를 넣어줌key를 포맷팅 된 문자열을 key로 사용할 수도 있고 인덱스를 키로 사용할 수도 있음AttendanceBook 컴포넌트는 student라는 배열로부터 학생 정보가 담긴 객체를 받아 학생들의 이름을 목록 형태로 출력하는 컴포넌트배열을 렌더링 하기 위해 map() 함수 사용 🎖️ List같은 아이템을 순서대로 모아놓은 것이 리스트에 해당리스트를 위해 사용하는 자료구조는 배열 (Array)배열은 JavaScript의 변수나 객체를 하나의 변수로 묶어 놓은 것을 의미const numbers = [1, 2, 3, ..

Front/React.js 2024.08.14
이전
1
다음
더보기
프로필사진

DDOstory

https://github.com/dohee12

  • 분류 전체보기
    • coding base
      • 자료구조
      • GitHub
      • 시스템 분석 및 설계
      • DataBase
      • 컴퓨터구조
    • Coding language
      • Python
      • C
      • C#
    • Front
      • HTML
      • CSS
      • JavaScript
      • React.js
      • next.js
      • Figma
      • android
    • Back
      • JSP
      • LINUX
      • Java
      • string
      • MySql
    • 빅데이터 & 알고리즘
      • NumPy
    • it기기
    • 강아지
    • 기타

Tag

React, state, 컴포넌트, React Hooks, 배열, 데이터베이스, 인스턴스, Java, 웹 개발, js, 객체, 속성, 리액트, DB, HTML, javascript, css, 프론트엔드, 자바스크립트, DBMS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바