✨ 느낀 점 👍 알게 된 점 영화API 크롤링하기 const getMovies = async() => { const json = await ( await fetch( `url주소` ) ).json(); } 위의 코드로 url주소에 있는 데이터를 json이라는 변수에 넣었다. json을 콘솔창에 띄우면 data안에 내가 찾고자 하는 movies 가 있다. 찾는 방법은 다음과 같다. const [movies, setMovies] = useState([]); . . . . setMovies(json.data.movies); json에서 data키값안에 movies키값을 전부 movies에 넣게 되었다. map함수로 빼낸 데이터 중, 값이 있는것만 선별하기 내가 찾는 genres의 데이터가 없으면 에러가 뜨는 ..

✨ 느낀 점 👍 알게 된 점 UseEffect를 사용하면 deps에 넣는것에 따라 실행 횟수를 조절할 수 있다. useEffect(함수, [deps]); [deps]안에 useState의 변수를 넣으면, 변수가 변할때마다 useEffect에 넣은 함수가 실행된다. 만약 빈 배열인경우에는 mount될때 딱 한번만 실행된다. useEffect(() => {}, [deps]); 추가적으로 useEffect안에 넣을 함수는 미리 함수를 정의한것을 넣을 수 있지만, 현장에서는 정의한 함수를 쓰지않고 바로 함수를 작성해 넣는다고 한다. cleanup function은 useEffect가 unmount될때 실행된다. 1. useEffect가 mount(실행)되면 useEffect의 첫번째 매개변수인 함수가 실행된다...

Watch Now – 노마드 코더 Nomad Coders nomadcoders.co ❓ 상황 React를 학습하기위해 책을 읽고 강의를 듣고나서도 이해가되지 않았는데, 노마드 코더 강의를 듣고나서 비로소 이해가되었다. ✨ 느낀 점 💢 힘들었던 점 클래스형 컴포넌트, 함수형 컴포넌트 중 어느것을 배워야하지? 어떤 강의에서는 클래스형 컴포넌트로 알려주고, 어떤 책에서는 클래스형 컴포넌트와 함수형 컴포넌트를 알려주었다. 그래서 나는 의식의 흐름대로 2가지 방법을 알게되었다. 그러나 이러한 학습이 나에게 독이되었다. React에 대해 새롭게 배우는거다보니 가뜩이나 스트레스받는데, 함수형 컴포넌트 문법을 사용해야하는데 클래스형 컴포넌트 문법을 사용하는 등 헷갈리는 상황이 굉장히 많이 발생하였다. 그래서 하루정도 ..