본문 바로가기 메뉴 바로가기

수끼옹

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

수끼옹

검색하기 폼
  • 분류 전체보기 (21)
    • React Study (10)
    • 프로젝트 노트 📝 (11)
  • 방명록

map함수 (1)
[React] props와 map을 이용하여 컴포넌트로 상품 목록 띄우기

안녕하세요? 이번 시간에는 외부 js 파일에 저장한 상품목록 데이터를 import 해서 컴포넌트로 상품목록을 띄워보는 시간을 가져보도록 하겠습니다?? 먼저 실행 결과입니다. 상품 각각마다 사진, 이름, 가격이 인덱스에 맞게 데이터 바인딩 되도록 하는 것이 목표입니다. 1. 부트스트랩으로 세 개의 상품을 띄울 grid 레이아웃 가져와서 구조 생성하기 sm=true sm=true sm=true 2. 외부 js 파일에 데이터 생성하기 // data.js let data = [ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red Knit", content : "Born in ..

React Study 2022. 7. 29. 13:11
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • scaleX
  • 리액트 밑줄효과
  • 리액트hover
  • 탭만들기
  • React
  • 리액트탭버튼
  • 장바구니기능
  • API호출
  • hover
  • react-query
  • 리액트 카테고리
  • map
  • 리액트 hover
  • map함수
  • Props
  • reactQuery
  • state함수
  • 리액트댓글
  • 리액트쿼리
  • 리액트 애니메이션
  • 리액트소셜로그인
  • 스타일컴포넌트
  • 리액트
  • 리액트함수
  • URL파라미터
  • 리액트 filter
  • 리액트이벤트
  • filter
  • 컴포넌트
  • 장바구니
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바