본문 바로가기

개발실69

16. 양식 및 사용자 입력 작업 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. https://github.com/katf101/React-The_Complete_Guide/tree/katf/12-starting-project GitHub - katf101/React-The_Complete_Guide Contribute to katf101/React-The_Complete_Guide develop.. 2022. 6. 12.
15. 커스텀 리액트 Hook 빌드 (feat. 유데미 React 완벽 가이드) https://www.udemy.com/course/best-react/ 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 이 게시물은 유데미 React 완벽 가이드 강의를 보고 메모를 남기는 게시물 입니다. Custom Hooks 여러 컴포넌트에서 비슷한 코드를 사용할 때, 커스텀 훅을 사용하여 로직을 재사용하고 코드를 줄일 수 있다. 커스텀 훅 만들어보기 1초마다 카운터를 해주는 2개의 컴포넌트가 있다. ForwardCounter 는 1초마다 카운터에 1을 더하고 BackwardCounter 는 1초마다 카운터에 1을 .. 2022. 6. 12.
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.