Express JS

middleware

app.use(cors());
app.use(express.json());
app.use("/user", userRouter);
app.use("/todo", todoRouter);

app.get("/", (req, res) => {
  res.send("Hello Express!");
});

app.listen(port, () => {
  console.log(`server listening on ${port}!`);
});

위와 같은 코드를 미들웨어라 부른다.

cors 에러를 잡기위한 코드,
req 에서 json 형식의 파일을 읽기 위한 코드,
/user /todo 라우팅을 쓰기 위한 코드,
서버를 열기위한 listen 코드.

서버 설정이라고 보면 될 것 같다.

---

req

body 에서 받아온 값.

const { account } = req.body;

queryString

http://localhost:3010/user?age=18

const { age } = req.query;

age=18 이라는 값을 받아온다.

params

아래와 같은 코드로 get 요청을 받게 되면,

router.get("/:account",

const { account } = req.params;

"/" 다음에 들어온 값을 account 로 읽어와서 사용할 수 있다.

---

useEffect 안에서 작동하는 비동기 함수는 바깥으로 빼서 작성

useEffect(() => {
    if (!user) return;

    getTodos();
  }, [user]);

const getTodos = async () => {
    try { 
    } catch (error) {
      console.error(error);
    }
  };

Delete 요청은 data 안에 body 를 담아 요청해야 함.

    try {
      const response = await axios.delete(
        `${process.env.REACT_APP_BACKEND_URL}/todo/${id}`,
        {
          data: {
            userId,
          },
        }
      );
      ```