๋ชฉ๋กAPI (4)
๐ค ์์งlog ๐ค
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bGg3q4/btsviRZIBZE/Xv8kH5K7LQ8wWdGal0uds1/img.gif)
React๋ก ๋ง๋ ํ๋ก ํธ์์, axios๋ฅผ ํตํด nodeJS๋ก ๋ง๋ api๋ฅผ ์์ฒญํ์ฌ crud ๋ฅผ ๊ตฌํํด๋ณด๋ ค๊ณ ํ๋ค. openAPI๋ฅผ ํตํด ์ฐ์ตํด๋ณด๋ ค๊ณ ํ๋๋ฐ ์ด๊ฒ์ ๊ฒ ๋คํด๋ณด๊ธฐ์๋ ํ๊ณ๊ฐ ์์ด์ ,, api๋ฅผ ๋ง๋ค์ด๋ณด๊ธฐ๋ก ํ์๊ณ TDD ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ nodeJS๋ก ๊ตฌํํด๋ณด์๋ค !_! reactQuery ์ฐ์ตํ๋ ค๊ณ ๋ง๋ค๊ธฐ ์์ํ๊ฑฐ์๊ณ , ํด๋ณด๋ฉด์๋ ๋๋๊ฑฐ์ง๋ง ๊ณ์ํด์ ์ฌ์ฉํด๋ณด๊ณ ๊ณ์ ๊ณต๋ถํด์ผ๊ฒ ๋ค๊ณ ๋๋๋ถ๋ถ์ด ๋ง์๋ค. ํด๋ดค๋๊ฒ๋ค๋ ์ฌ์ฉ์ํ๋ค๋ณด๋ ์์ด๋ฒ๋ฆฌ๊ณ ์ค์ํ๋ ๋ถ๋ถ์ด ๋ง์๋น ๐ซ ๊ทธ๋๋ ํ๊ณ ๋๋ ๋ฟ-๋ฏ '-'b ๐ค๐ค ์๋ฌด๋ ์๊ถ๊ธํดํ๊ฒ ์ง๋ง ๋จ๊ฒจ๋ณด๋ ์ฝ๋โค๏ธ : ๋๋ณด๊ธฐ https://github.com/Amy-Eunji/nodejs https://github.com/Amy-Eunji/react-crud
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/o2xc6/btrNTMHnW7O/LSF7cXDDE1uPbUgkSH4m9K/img.png)
Naver ์ํ ๊ฒ์ ๐ฃ 1. Router.js ์์ฑ import { BrowserRouter, Routes, Route } from 'react-router-dom' import Main from './components/pages/Main' import Movie from './components/pages/Movie' import Book from './comp.. eun-jii.tistory.com Naver ์ฑ ๊ฒ์ Naver ์ํ ๊ฒ์ ๐ฃ 1. Router.js ์์ฑ import { BrowserRouter, Routes, Route } from 'react-router-dom' import Main from './components/pages/Main' import Movie from './..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/PG1um/btrNWqwx6WC/SSFtdO012kZ6bCdQHpokZ1/img.png)
Naver ์ํ ๊ฒ์ ๐ฃ 1. Router.js ์์ฑ import { BrowserRouter, Routes, Route } from 'react-router-dom' import Main from './components/pages/Main' import Movie from './components/pages/Movie' import Book from './comp.. eun-jii.tistory.com ๐ฃ 1. Router.js ์์ฑ import { BrowserRouter, Routes, Route } from 'react-router-dom' import Main from './components/pages/Main' import Movie from './components/pages/Movie'..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bnGReU/btrNXZkAbmu/p7MjVwyTYrkGvyB9iwqk8K/img.png)
๐ฃ 1. Router.js ์์ฑ import { BrowserRouter, Routes, Route } from 'react-router-dom' import Main from './components/pages/Main' import Movie from './components/pages/Movie' import Book from './components/pages/Book' const Router = () => { return ( ) } export default Router ๐ฃ 2. Main.jsx import { Link } from 'react-router-dom' import styled from 'styled-components' const Main = () => { return ( ์ํ ๐ฌ..