[Spring] SpringBoot + AWS RDS + React 연동하기

 

SpringBoot

2022.09.01 - [aws] - [RDS] SpringBoot 와 RDS 연동하기

 

React

 

App.js > App

  

    
    
    
    
  
  const [member, setMember] = useState([]);

  useEffect(() => {
    fetch("/member/select")
      .then((res) => {
        return res.json();
      })
      .then((data) => {
        setMember(data);
      });
  }, []);

App.js > App > return

  

    
    
    
    
  
        <ul>
          {member.map((v, idx) => (
            <li key={`${idx}-${v}`}>
              id: {v.id}, name : {v.name}, password : {v.password}
            </li>
          ))}
        </ul>

 

spring 프로젝트 실행, 

npm start 후 localhost:3000 확인