하루살이 개발일지

Axios 공식문서 : axios 란 node.js와 브라우저를 위한 Promise 기반 http 클라이언트 다시 말해 http를 이용해서 서버와 통신하기 위해 사용하는 패키지 yarn add axios json-server 설정 테스트용 db.json 설정 yarn json-server --watch db.json --port 3001 { "todos": [ { "id": "1", "title": "react" } ] } GET axios.get get은 서버의 데이터를 조회할 때 사용 // url에는 서버의 url이 들어가고, config에는 기타 여러가지 설정을 추가할 수 있습니다. // config는 axios 공식문서에서 확인하세요. axios.get(url[, config]) // GET 공식..

전개 - 에러와 궁금증 const initialState = { number: 0, }; const counterSlice = createSlice({ name: "counter", initialState, reducers: { addNumber: (state, action) => { state.number = state.number + action.payload; }, minusNumber: (state, action) => { state.number = state.number - action.payload; }, }, }); const { addNumber, minusNumber } = counterSlice.actions; const counterReducer = counterSlice.reduce..

동기 & 비동기 동기(Synchronous) 동기는 '같은 시간에 일어나는'이라는 뜻 프로그래밍에서는 한 작업이 완료될 때까지 다음 작업이 기다린다는 것을 의미 즉, 작업들이 순서대로 차례차례 진행 예를 들어, 세 개의 작업이 있을 때, 두 번째 작업은 첫 번째 작업이 완전히 끝날 때까지 기다리고, 세 번째 작업은 두 번째 작업이 완전히 끝날 때까지 기다림 비동기(Asynchronous) 비동기는 '동시에 일어나지 않는'이라는 뜻 프로그래밍에서 비동기는 한 작업이 완료되는 것을 기다리지 않고 다음 작업을 시작한다는 것을 의미 예를 들어, 네트워크 요청과 같은 긴 작업을 시작하고, 그것이 완료되기를 기다리는 대신 다른 작업을 계속 수행할 수 있음 작업이 완료되면 그 때 결과를 처리 이 둘의 주요 차이점은 ..

제네릭(Generics)이란? 제네릭 : 타입을 마치 함수의 파라미터처럼 사용하는 것 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용 제네릭의 예시 function getText(text) { return text; } getText('hi'); // 'hi' getText(10); // 10 getText(true); // true text라는 인자에는 string, number, boolean 등 어떤 값이 들어가더라도 그대로 반환됨 function getText(text: T): T { return text; } getText('hi'); getText(10); getText(true); 제네릭 기본 문법이 적용된 형태 이제 함수를 호출할 때 함수 안에서 사용할 타입을 넘겨줄..