코딩일기

2023-06-21(수) ✅ useState 를 이용해 상태를 사용하는 방법을 학습합니다. ✅ [장바구니 담기] 버튼을 이용해 장바구니에 해당 상품이 추가되도록 구현하세요. ✅ 장바구니 내 [삭제] 버튼을 이용해 장바구니의 상품이 제거되도록 구현하세요. ✅ 장바구니의 상품 갯수의 변동이 생길 때마다, 상단 내비게이션 바에 상품 갯수가 업데이트되도록 구현하세요. 이번 과제는 상품리스트와 장바구니를 이동하며 장바구니 담기 버튼을 클릭 시 장바구니안에 해당 아이템이 담기는 작동을 하는 것과, 장바구니 안에서 해당 카트아이템을 삭제하고, 상품 갯수를 업데이트 하는 작동을 구현하는 것이었다. 제일 상위 폴더인 app.js에 이미 작성되어 있는 정보들을 각각의 컴포넌트에 내려줘서 문제를 해결하는 방식이다. cons..

APP.js import React from 'react'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; // TODO : React Router DOM을 설치 후, import 구문을 이용하여 BrowserRouter, Routes, Route 컴포넌트를 불러옵니다. import Sidebar from './Sidebar'; import Tweets from './Pages/Tweets'; import MyPage from './Pages/MyPage'; import About from './Pages/About'; // TODO : MyPage, About 컴포넌트를 import 합니다. import './App.css'; imp..

2023-06-02(금) const express = require('express') // 모듈을 불러온다. const cors = require('cors') // cors 미들웨어를 불러온다. const app = express(); // 서버를 만든다. app.use(cors()); // 모든 요청에 대해 CORS 를 허용한다. app.use(express.json({strict: false})); // primitive data type 도 parsing 해주도록 설정 const port = 5000; //app.js에서 포트번호 확인 const ip = 'localhost'; app.use(express.static('client')) // GET app.get('/', (req, res)=>..

2023-06-02(금) const http = require('http'); // http 모듈 const PORT = 4999; // 포트번호 const ip = 'localhost'; // 로컬 호스트 const server = http.createServer((request, response) => { if (request.method === 'OPTIONS') { // 만약 리퀘스트 메소드가 OPTIONS라면 해당 코드를 실행 response.writeHead(200, defaultCorsHeader); // 200 상태 코드와 CORS 헤더로 응답 response.end(); return; } let body = []; // 요청의 본문 데이터를 저장할 배열 if (request.method ..