전체 글69 14.4 HTTP 요청보내기: POST 요청 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. POST 요청 보내기 fetch API로 Firebase와 연결하였다. 주의할 점은 Firebase 주소/(name, 여기서는 movies).json() 으로 파싱을 해서 받아야한다. GET 요청을 해보았기 때문에 딱히 특별한 점은 없고 데이터를 받을때는 GET으로, 데이터를 데이터베이스에 저장하고 싶을 때는 POST.. 2022. 6. 6. 14.3 HTTP 요청보내기: 요청에 useEffect() 사용하기 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. 요청에 useEffect 사용하기 최초 렌더링시에 fetchMoviesHandler 함수가 실행되도록 useEffect를 사용하였다. 그리고 강의에서 배운대로 의존성 배열이 없는건 깔끔한 방식이 아니기 때문에 의존성 배열에도 fetchMoviesHandler를 넣어주었다. useEffect(() => { fetchMo.. 2022. 6. 6. 14.2 HTTP 요청보내기: Http 오류 처리하기 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. 오류 처리하기 fetch API 를 사용할 때, 에러처리는 흔한 방법인 try,catch 문으로 에러를 처리한다. 하지만 fetch API는 실제 에러로 취급하지 않는 동작들이 있기 때문에 res.ok 가 false이면 에러를 만들도록 하였다. 주의할 점은 throw new Error() 로 만든 에러 문구를 먼저 생.. 2022. 6. 6. 14.1 HTTP 요청보내기: async, await 사용하기 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. 이 게시글을 혹시나 읽으신다면 선수지식으로 자바스크립트에서 비동기와 promise가 무엇인지 알고 있으셔야합니다. async, await 사용하기 우선 async, await을 사용하기 전 코드와 사용한 후의 코드를 비교해보자 async,await을 사용하기 전 코드이며 promise 객체를 반환하는 요소들이 있기 때.. 2022. 6. 6. 14. HTTP 요청보내기: GET 요청 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. GET 요청 보내기 axios와 fetch 중 이 강의에서는 fetch를 사용한다. fetch는 기본적으로 get 메서드를 사용하기 때문에 method를 따로 get으로 사용하지 않아도 get으로 요청이된다. function App() { const [moveis, setMovies] = useState([]); //.. 2022. 6. 6. 이전 1 ··· 4 5 6 7 8 9 10 ··· 14 다음