Next.js | Ajax 서버 요청, 서버에 데이터 전송(fetch), 애니메이션
[서버에 필요한 데이터가 없으면?] 1. 유저가 데이터를 전송하도록 코드 작성 2. DB 조회 [Ajax 서버 요청] - fetch() 함수 사용해서 서버로 GET, POST, PUT, DELETE 요청 가능 - 사용시 요청보내면 항상 새로고침이 되는데 ajax는 새로고침 없이 요청 보낼 수 있음 - 요청완료시 (서버응답시) 특정 코드를 실행하고 싶으면 .then(()=>{}) 붙여서 코드 작성 - fetch('경로', { method : 'POST, body : '전송하고 싶은 데이터' }) 하면 POST, PUT, DELETE 요청도 가능 - 서버로 array, object 전송시 서버와 데이터 주고받을 때는 문자 및 숫자만 가능하기 때문에 JSON.stringify( { xxx : 'xxx' } )..
2023. 4. 27.