$$config title: New Title keywords: - IT - ... $$ app.get('/', (요청, 응답) => { 응답.sendFile(path.join(__dirname,'../client/build/static/index.html')) }) app.get('*', (요청, 응답) => { 응답.sendFile(path.join(__dirname,'../client/build/static/index.html')) }) app.post("/api/test", (req,res) => { let temp = req.body; const CommunityPost = new Post( temp ) CommunityPost.save() .then(() => { res.status(200).json({ success: true }) }) .catch((err) => { res.status(400).json({ success: false }) }) }) app.post("/api/list", (req,res) => { Post.find().exec().then((doc) => { res.status(200).json({ success: true, postList : doc }) }).catch((err) => { es.status(400).json({ success: false }) }) }) ``` import React from "react"; import { Link } from "react-router-dom"; import Container from "react-bootstrap/Container"; import Nav from "react-bootstrap/Nav"; import Navbar from "react-bootstrap/Navbar"; function Heading() { return ( React-Bootstrap ); } export default Heading; ``` import React, { useState, useEffect } from "react"; import axios from "axios"; function List(props) { const [PostList, setPostList] = useState([]) useEffect(() => { axios.post("/api/post/list").then((response) => { if(response.data.success) { setPostList([...response.date.PostList]) } }).catch((err) => { }) }, []) return (

{PostList.map((post, idx) => { return (

제목 : {post.title}

내용 : {post.content}

); })}

); } export default List; ``` ```