본문 바로가기

전체 글

(72)
[React] Swiper Swiper 슬라이드 같은 기능을 제공하는 라이브러리. - 설치 npm i swiper 사용하기 위해서는 파일에 import 시켜줘야한다. import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; import React from "react"; import { Navigation, Pagination } from 'swiper'; import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; const App = () => { return ( Slide 1 Slide 2 {SlideImg.map((slide) => ( ))} ); }; export default A..
[React/Node] 마켓컬리 클론코딩 2 - 메인페이지1 메인페이지 - 상단 헤더 부분 (로고, 검색창, 메뉴 등)  구조 import './App.css';import { BrowserRouter, Route, Routes } from "react-router-dom";import Home from "./pages/Home";const App = () => { return( }/> );}export default App; import React from "react";import Footer from "../components/Footer";import Header from "../components/Header";import Main from "....
마켓컬리 클론코딩 1 '간단한 게시판 만들기'를 통해 큼직한 기능을 구현해보았으니 이번에는 좀 더 세부적으로 구현해보는데에 초점을 맞추려한다.마켓컬리의 홈페이지를 최대한 비슷하게 구현해보기로 하였고, 아무래도 깊이 있게 알지 못하는 부분이 많기 때문에 일단 단순하게라도 만든 다음 할 수 있는대로 다양한 방식을 적용시켜보려한다. https://github.com/ChangwooJ/kurly GitHub - ChangwooJ/kurlyContribute to ChangwooJ/kurly development by creating an account on GitHub.github.com 프로젝트 기간2024.03.07~2024.05.27프로젝트 스택FEReact, JavaScriptDBNode+Express, MySql(일단은 프..