
안녕하세요? 이번 시간에는 외부 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
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- scaleX
- 리액트 밑줄효과
- 리액트hover
- 탭만들기
- React
- 리액트탭버튼
- 장바구니기능
- API호출
- hover
- react-query
- 리액트 카테고리
- map
- 리액트 hover
- map함수
- Props
- reactQuery
- state함수
- 리액트댓글
- 리액트쿼리
- 리액트 애니메이션
- 리액트소셜로그인
- 스타일컴포넌트
- 리액트
- 리액트함수
- URL파라미터
- 리액트 filter
- 리액트이벤트
- filter
- 컴포넌트
- 장바구니
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함