목록전체 글 (158)
HYEWON JUNG의 개발일지
문제설명 자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다. 제한사항 3 ≤ n ≤ 1,000,000 입출력 내코드 function solution(n) { for(let i = 1; i < n ; i++){ if(n%i === 1){ return i } } }
문제설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다 제한사항 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 내코드 function solution(a, b) { let answer = 0; for(let i = Math.min(a, b); i
목표 query key 상수 선언 새로 알게 된것/ 오늘의 코드 react query에서 휴먼에러를 줄이기 위해서 query key들을 상수로 선언해서 사용할 수 있는데 이것을 내 과제에 대입해서 사용할 것 이다. 우선 hook 폴더를 만든 뒤 keys.constant.ts를 만들어 준다. export const QUERY_KEY = { TODOS: 'todos' }; 이렇게 해준다음에 const handleRemoveButton = () => { deleteMutation.mutate(todo.id, { onSuccess: () => { queryClient.invalidateQueries(QUERY_KEY.TODOS); } }); }; 이런 식으로 넣어주면 된다. 그리고 useMutation 같은경우..
목표 과제 정리 새로 알게 된것/ 오늘의 코드 typescript를 이용하며 해맸던 것 1. map은 어떻게 사용해야할까// 콜백함수의 인자도 타입이 필요하다! {data .filter((item: TodoItem) => item.isDone === !isActive) .map((item: TodoItem) => { return ; })} 나같은 경우 model폴더에서 type을 지정해 둔것이 있어서 사용하면 된다. map의 인자인 item은 결국 data속에 각각의 todo인거니 "id": "1e147b21-3c93-a961-0ce3-3a7efded3ca4", "title": "방 치우기", "content": "큰방, 침실 위주로!", "isDone": false 이렇게 4가지를 담은 객체 타입이 필..
목표 과제 완료하기 새로 알게 된것/ 오늘의 코드 react-query 기본 세팅 하기 index.tsx import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { QueryClient, QueryClientProvider } from 'react-query'; const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement); const queryClient = new QueryClient(); root.render(..
목표 과제 틀 짜기 새로 알게 된것/ 오늘의 코드 타입스크립트 리액트 프로젝트 생성하기 yarn create react-app 만들프로젝트이름 --template typescript 그렇게 하면 이런식으로 jsx 파일이 아닌 tsx 파일로 생성된다. 필요한 폴더 만들기 api 폴더, components 폴더, globalStyle폴더, model폴더 model 폴더에는 typescript type을 모아놓은 파일이 들어감. 전체 구조↓ 과제 진행 방향 react query는 아직 써본 적이 없어서 튜터님의 프로젝트를 보고 작성했다. 타입스크립트도 제대로 알지 못해서 오류가 안생기는 것을 목표로 진행했다. json-server를 이용해서 데이터 관리를 했다. { "todos": [ { "id": "1e14..