목록2024/10/31 (3)
코딩하는 김딸기
'use strict';// import axios from 'axios';// export default function api(method, url, data) {// return axios({// method,// url: "https://11.fesp.shop/${url}",// data,// headers: {// 'Content-Type': 'application/json',// 'client-id': 'vanilla01',// },// });// }let cart = { items: [ { id: 1, name: '나이키 줌 보메로 5', option: '남성 신발', descripti..
기본 스타일body { margin: 0; background-color: #fff; color: #111;}h1,h2 { font-size: 32px; font-style: normal; font-weight: 500;}body: 전체 페이지의 기본 스타일을 설정합니다. 기본 여백을 없애고 배경색을 흰색, 글자색을 어두운 회색으로 설정합니다.h1, h2: 제목의 폰트 크기, 스타일, 두께를 설정합니다. 제목은 크고 눈에 띄게 표시됩니다.레이아웃 설정.main-layout { max-width: 1100px; margin: 40px auto;}.main-layout: 최대 너비를 1100px로 제한하고, 페이지 중앙에 위치하도록 여백을 설정합니다.장바구니 컨테이너.cart-container..
이 코드는 장바구니와 위시리스트 기능을 구현하는 JavaScript 코드입니다. 주요 기능은 사용자 로그인 상태에 따라 장바구니 정보를 가져오고, 장바구니에 상품을 추가, 삭제, 수량 변경 등을 관리합니다. 각 파트를 기능별로 나누어 자세히 설명하겠습니다.1. 초기 설정import axios from 'axios';let cart = { items: [], total: 0,};let wishlist = [];// 이 ID로 로그인하고 있다고 가정하고 TEST 시도중// let accessToken =// 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJfaWQiOjUsInR5cGUiOiJ1c2VyIiwibmFtZSI6IkdEIiwiZW1haWwiOiJhcGlAbWFya2V..