코딩하는 둥식이

✅ 스타일 확장 ( = 스타일 재정의 ) : styled() 컨스트럭터로 랩하기만 하면 됨 ① 기존 StyledDeleteButton 함수를 복붙하고, styled(기존함수) 형식으로 코드 작성 const StyledDeleteButton = styled.button` color: ${(props) => (props.user.username === 'ssar' ? 'blue' : 'red')}; `; const StyledAddButton = styled(StyledDeleteButton)` background-color: green; `; ② button의 tagName에 함수이름 넣기 const Home = (props) => { // 구조분할 할당 const { boards, setBoards, n..

✅ http 요청 (fetch) - http 요청에는 jquery ajax, fetch, axios(다운)이 있다. - 비동기 요청 1️⃣ HomePage.js 만들어서 데이터 받기 import React from 'react'; import { useEffect } from 'react'; import { useState } from 'react'; import Footer from '../components/Footer'; import Header from '../components/Header'; import Home from '../components/home/Home'; const HomePage = () => { // http 요청(fetch) const [boards, setBoards] =..