분류 전체보기

[프로그래머스] reduce() 메서드

답안) // 풀이3 : reduce function solution(box, n) { return box.reduce((acc, v) => acc * Math.floor(v / n), 1); } 해설)

[Url/Uri] useLocation

이런 코드가 있었는데, const handleSearch = () => { if (location.pathname !== "/search") navigate("/search"); else { dispatch(clearVideos()); dispatch(getSearchPageVideos(false)); } }; -현재 경로(location.pathname)가 "/search"가 아닌 경우에는 "/search"로 이동하고, 이미 "/search"인 경우에는 검색 결과를 초기화하고 다시 검색을 수행하는 함수라고 함.

[React] [TypeScript] [RTK-3] RTK 헷갈리는 부분 재정리

https://maruzzing.github.io/study/react/Redux-toolkit%EC%9D%84-%ED%99%9C%EC%9A%A9%ED%95%9C-%EC%83%81%ED%83%9C%EA%B4%80%EB%A6%AC-1/ - 여기에 잘 정리되어 있어서 가지고 옴. 일단... RTK랑 THUNK의 관계성이 굉장히 헷갈렸는데... 지금까지는 RTK를 무조건 THUNK로 변환해야 하는 줄... *RTK에서는 : createSlice( )함수, createAsyncThunk( )함수를 제공한다. ❶ 비동기처리 없는 경우 : createSlice( ) 함수만 사용 📝 Redux Toolkit의 createSlice 함수는 리듀서와 액션 생성자를 함께 생성하는데 사용되는 함수입니다. extraReduc..

[Javascript] 팀플하면서 배우는 new Date( )

[Url/Uri] 예제

youtube 클론코딩 - 청크부분 1 url부분 설명) 2 const { data: { items: channelsData } } = await axios.get( `${YOUTUBE_API_URL}/channels?part=snippet,contentDetails&id=${channelIds.join( "," )}&key=${API_KEY}` ); => 나눠서 생각해볼 수 있는데, ❶ const { data } = response; const { data } = response; 이 코드는 response 객체의 data 속성을 data라는 이름의 변수에 저장하는 것을 의미합니다. 이때 data 변수에는 response.data에 담긴 데이터가 저장됩니다. 그런데 우리가 실제로 필요로 하는 데이터는 ..

[React] [TypeScript] [RTK-2] Typescript에서의 RTK

gpt, https://www.youtube.com/watch?v=I32ri7v3SYk 참고 +) 청크 까먹었다면, https://lethargin.tistory.com/193 참고 ❶ slice 파일 ❷ store.ts 파일 ❸ index.tsx 파일 (애플리케이션의 진입점) -provider 주입 -useDispatch(), useSelector() 등 불러와서, 컴포넌트 안에서 사용