마!내가바로왕만두다

오랜 휴가 끝에 돌아온 til  만두를 이렇게 많이 만들 줄 누가 알앗겠어 . 만두 100개 넘게 나옴  당근 라페도 3통이나만들어서 팔이 아픔  axios  웹에서 서버와 데이터를 주고받을 때 사용 API에 요청을 보내고, 응답을 받아오는 작업을 쉽게 해줌  우리가 어떤 웹사이트에서 정보를 가져오고 싶을 때, Axios를 사용하면 복잡한 설정 없이 쉽게 데이터를 받아올 수 있다  먼저해야될것 ,npm Install axios 로 설치   Fetch 를 axios.get 으로변경 Axios import 해야됨  Promise 를 반환 해서 await 가 필요 Res.data 400,500 error 가 돌아와도 promise 가 reject 됨  200이 들어와야 fulfilled try,catch 로 ..

TIL 2024. 9. 19. 20:16

와   가 다른점       리액트 (React) 라이브러리에서 사용됨페이지를 새로고침 하지 않고, SPA에서 라우트를 변경할 때 사용됨 사용자가 링크를 클릭하면 페이지 전체가 다시 로드되지 않고,필요한 부분만 업데이트됩니다. 빠르다 ! 필요한 데이터 만 가져옴클라이언트사이드 렌더링 Home 예시    html에서사용 다 처음 부터받아옴 오래걸림 링크를 클릭하면 페이지가 새로고침 되며,새로운 페이지로 이동 페이지에서 새로운 페이지를 보여줌 Home 예시 서버사이드 렌더링

TIL 2024. 9. 13. 20:36

useEffect  useEffect ( ()=>{ }) 랜더링 될때 마다 실행됨   React에서 화면이 처음에 렌더링되거나 state나 props가 바뀔 때 특정 작업을 수행할 수 있게 해주는 도구 화면에 뭔가를 보여주거나 데이터를 불러오는 작업을 할 때 사용 "화면이 처음으로 그려질 때 또는 어떤 값이 바뀔 때 뭔가를 하게 해줘!"  useEffect is a React Hook that lets you synchronize a component with an external system. Synchronizing with Effects – ReactThe library for web and native user interfacesreact.dev // src/App.jsimport React, {..

TIL 2024. 9. 12. 20:46