개발실69 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. 12.2 useMemo(feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. useMemo useMemo를 사용하면 함수형 컴포넌트 내부에서 발생하는 데이터 값을 저장할 수 있다. 첫 번째 인자로 저장할 데이터, 두 번째는 의존성 배열이다. 아래의 코드는 App.js 코드의 일부분이고 배열을 listItems 상수에 할당하여 props로 보낸다. // App.js const listItems .. 2022. 6. 5. 이전 1 ··· 6 7 8 9 10 11 12 ··· 18 다음