본문 바로가기
반응형

tech documents64

이진트리의 비교 서론 leetcode easy 문제부터 풀고 있는 중이다. 그러다가 두 개의 binary tree가 똑같은지(문제 1) 그리고 좌우대칭인지 (문제 2)를 확인하여 리턴하는 문제를 풀게되었다. 푸는데는 막 오래 걸리진 않았지만, 그래도 템플릿을 기억해놓으면 좋을 것 같다. 코드 leetcode - TreeNode 기본적으로 leetcode 에서 제공하는 binary tree의 형식은 다음과 같다. struct TreeNode { int val; TreeNode *left; TreeNode *right; TreeNode() : val(0), left(nullptr), right(nullptr) {} TreeNode(int x) : val(x), left(nullptr), right(nullptr) {} Tr.. 2022. 1. 20.
redux-persist not working github.com/rt2zz/redux-persist/issues/1114 redux-persist not persisting · Issue #1114 · rt2zz/redux-persist I first used it in my on-going app and it did not work. Then created a new react app and configured redux and redux-persist but still, it's not working. It stores the store in localstorage, but... github.com 2020. 9. 16.
[React] async 함수의 리턴 값 async 함수의 리턴은 resolved된 Promise 객체이다. 그리고 리턴 값은 Promise 객체에 담긴다. async 함수에서 reject된 Promise 객체를 리턴하려면 throw를 사용하면 된다. throw 뒤의 문자열이 rejected된 Promise 객체에 담기게 된다. 하지만 문제가 조금 발생한다. rejected 된 Promise가 처리 되지 않았다. 그래서 아래와 같이 try~catch 문을 사용한다. 2020. 9. 12.
[React] redux-saga yield의 원리 saga는 제너레이터 함수의 yield에서 call effect가 발생할때 promise가 resolve될 때까지 기다리다가, 완료되면 제너레이터의 next()를 호출하여 다음으로 이동한다. 2020. 9. 12.
[우아한 테크러닝 3기] 클로저 function foo(a) { return function(b) { return function(c) { return a + b + c; } } } const foo = a => b => c => a + b + c; - `커링` 이러고 일컫음. 클로저를 사용한 예시임. 2020. 9. 3.
[우아한 테크러닝 3기] async setTimeout(function(x){ console.log('First'); setTimeout(function(y){ console.log('Second'); },2000) }, 1000); - Callback hell이다. const p1 = new Promise((resolve, reject) => { }); p1.then(function(r){ }).catch(function(r){ }) - Promise()에 넘겨주는 함수는 `즉시 실행됨`. - resolve와 reject는 함수이다. - resolve를 호출하면 then에 넣어준 함수를 호출해준다. reject를 호출하면 catch에 넣어준 함수를 호출해준다. const delay = (ms) => new Promise((resolve).. 2020. 9. 3.
[우아한 테크러닝 3기] Javascript function foo(x) { return 0; } - `함수 선언문`이다. 함수를 값으로 사용한 것이 아니다. const bar = function () { }; (function(){ })() - `값`으로 함수를 취급한 예시이다. function foo(x) { x(); return function() { }; } const y = foo(function() { }); - 함수를 값으로 취급할때 익명함수를 사용할 수 있다. 위에서 x와 return 값은 변수에 해당하므로, 또한 `값`에 해당하기 때문에 함수를 값으로 사용할 수 있다. - 위와 같이 함수를 받아서 함수를 리턴하는 함수를 `일급 함수`라고 함. 리액트에서 컴포넌트를 받아서 컴포넌트를 반환하는 형식이 여기에 해당됨. = 함수 : 코드를.. 2020. 9. 3.
[React] redux의 mapStateToProps는 언제 실행되는가? https://hoilzz.github.io/react/connect-state/ connect의 mapStateToProps는 언제 실행될까. 그리고 리렌더링은 언제 어떻게 발생하는가. react-redux와 connect https://react-redux.js.org/using-react-redux/connect-mapstate 를 번역한 글이다. Connect: mapStateToProps로 데이터 가져오기 는 스토어에서 데이터의 부분을 선택하여 사용한다. 즉, 연결된 컴포넌� hoilzz.github.io 2020. 8. 31.
[Javascript] Iterator https://medium.com/@pks2974/javascript%EC%99%80-iterator-cdee90b11c0f 2020. 8. 31.
[React] redux-saga 정리 https://medium.com/@lyhlg0201/redux%EC%99%80-redux-saga%EC%9D%98-%EB%8F%84%EC%9E%85-2b065139d150 Redux와 Redux-saga의 도입 현재 나는 거래소 플렛폼에서 React를 사용하여 개발 및 유지 보수를 하고 있다. 기존기술 스택중엔 React / Redux가 포함 되어 있었고, 리덕스 미들웨어로는 Redux-Thunk를 사용하여 비동기 처리를 수행 medium.com https://meetup.toast.com/posts/140 Redux-Saga: 제너레이터와 이펙트 : TOAST Meetup Redux-Saga: 제너레이터와 이펙트 meetup.toast.com https://ssangq.netlify.app/posts.. 2020. 8. 31.
반응형