본문 바로가기

전체 글

 (72)
[React/Node] 마켓컬리 클론코딩 5 - 리뷰 및 문의 페이지 리뷰 페이지 문의 페이지 import React from "react";import { review } from "../images/imgidx";import WeekItem from "../images/WeekItem";import "../css/Review.css";const Review = (props) => { let item = props.item - 1; return ( 상품 후기 {review.map((idx)=>( ))} ..
[React/Node] 마켓컬리 클론코딩 4 - 상세 페이지 제품 상세 페이지(상품 설명 이미지 부분 제외)  기존의 메인 페이지와는 별개의 페이지이기 때문에 파일을 수정하였다. import './App.css';import { BrowserRouter, Route, Routes } from "react-router-dom";import Header from './components/Header';import Home from "./pages/Home";import ItemDetail from './pages/ItemDetail';const App = () => { return( }/> }/> );}expo..
[React/Node] 마켓컬리 클론코딩 3 - 메인페이지2 일단 지난번에 고려했던 이미지를 다른 방식으로 정리하는데에는 실패했다.import 없이 src만 가지고 객체를 만드려했으나, 이미 전에 경험한대로 로컬에 저장되어있는 이미지는 import없이는 깨져서 나오기 때문에 의미가 없었다. 일단은 기존대로 하되, 다른 방법이 있나 찾아보긴 해야겠다.   메인 페이지 - 메인 배너 부분, 아이템 슬라이드 1. 메인 배너메인 배너를 만들기 위해 Banner.js 파일을 components 폴더에 추가하였다.배너에 사용될 이미지를 images 폴더 아래에 BannerImg.js 파일에 추가하고, css 폴더 아래에 Banner.css 파일을 생성하였다. import React from "react";import BannerImg from "../images/Banner..

티스토리툴바