이것도 인정해주시는 부분인가요 교수님

[오른손에흑염룡]

import { useState } from 'react';

import {Button, Nav, Navbar, Row, Col, Container} from 'react-bootstrap';

import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import data from './data.js';

function App() {

  let [shoes] = useState(data);
  let [shoesImg] = useState(["https://codingapple1.github.io/shop/shoes1.jpg","https://codingapple1.github.io/shop/shoes2.jpg","https://codingapple1.github.io/shop/shoes3.jpg"])

  return (
    <div className="App">
      <Navbar bg="dark" data-bs-theme="dark">
        <Container>
          <Navbar.Brand href="#">Exhibition</Navbar.Brand>
          <Nav className="me-auto">
            <Nav.Link href="#">Home</Nav.Link>
            <Nav.Link href="#">Cart</Nav.Link>
          </Nav>
        </Container>
      </Navbar>

      <div className='main-bg'></div>

      <Container>
        <Row>
          {
            [1,2,3].map((a, i)=>{
              return (
                <Col>
                  < img src={shoesImg[i]} width="80%"/>
                  <h4>{shoes[i].title}</h4>
                  <p>{shoes[i].price}</p>
                </Col>
              )
            })
          }
        </Row>
      </Container>

    </div>
  );
}

export default App;

[codingapple]

상품갯수 달라지면 이상해질 것 같은거 빼고는 잘보일거같군요

[글쓴이]

글