전체 글69 로또의 최고 순위와 최저 순위 [Javascript] 내가 작성한 코드 function solution(lottos, win_nums) { const lank = [6,6,5,4,3,2,1] let maxN = 0 let minN = 0 lottos.forEach((elm)=>{ if (elm === 0){ maxN+=1 } if (win_nums.indexOf(elm) !== -1){ maxN+=1 } }) lottos.forEach((elm)=>{ if (win_nums.indexOf(elm) !== -1){ minN+=1 } }) return [lank[maxN],lank[minN]] } 2022. 7. 10. 크레인 인형뽑기 게임 [Javascript] 내가 작성한 코드 function solution(board, moves) { const box = [] const temp = [] let counter = 0 transpose(board) const x = board.map((elm)=> elm.filter(x => x > 0)) moves.forEach((elm,idx) => { if (x[elm-1].length !==0){ box.push(x[elm-1][0]) x[elm-1].shift() } }) temp.push(box[0]) box.map((elm,idx)=>{ if (idx > 0) { if( +temp.slice(-1).join("") === elm){ counter+=2 temp.pop() }else{ temp.push(elm) }.. 2022. 7. 10. [React-Query v3] 리액트 쿼리 간단히 적용해보기 쿼리 생성하기 1. 리액트 쿼리 라이브러리를 다운로드한다. npm i react-query 2. 쿼리를 사용할 모든 컴포넌트의 최상위 부모 컴포넌트에서 쿼리 클라이언트를 공급한다. (여기서는 app.js 에서 공급) import { Posts } from "./Posts"; import "./App.css"; import { QueryClient, QueryClientProvider } from "react-query"; // 1. 쿼리 클라이언트 생성 // Client를 생성하면 Provider를 모든 자식 컴포넌트에 클라이언트를 사용할 수 있게 한다. const queryClient = new QueryClient(); function App() { return ( // 2. Provider를 사용하.. 2022. 7. 9. [React-Query v3] 리액트 쿼리(React-Query) 간단 정리 React-Query란 ? React에서 비동기에서의 상태 관리 작업을 쉽고 효과적으로 할 수 있게 해준다. 서버의 상태 관리를 react에서 할 수 있는 서버상태 관리 라이브러리 이다. React-Query의 기능 캐싱 리액트 쿼리는 클라이언트에서 서버 데이터 캐시를 관리한다. 서버 데이터가 필요할 때, 백엔드로 비동기 요청을 하지 않고 쿼리에 캐시를 요청하여 빠르게 데이터 값을 가져올 수 있다. (Pagination 이나 Infinite scrolling 등 지연 로딩이 걸리는 부분에서 빠른 렌더링 가능) 프리패칭 (Prefetching) Pagination 이나 Infinite scrolling 등 지연 로딩이 걸리는 기능에서 필요한 데이터를 미리 가져와 빠른 렌더를 할 수 있다. 동일한 데이터를 .. 2022. 7. 8. React 에서 Components 빠르게 생성하기 vscode Extension 에서 Reactjs code snippets를 설치한다. 이후 아무 컴포넌트나 생성하여 rsc를 입력후 자동완성 탭을 확인한다. 엔터나 Tab 키를 누른다. 빠르게 완성! 추가로 빠르게 컴포넌트를 생성한다음 const 옆의 사용자 정의 컴포넌트 네임과 export default 옆의 네임이 한번에 드래그 되어있어 컴포넌트 네임을 변경하는 것도 빠르게 할 수있다. 2022. 7. 8. 이전 1 2 3 4 5 6 ··· 14 다음
