javascript
Callback & This with javascript
Callback & This with javascript
2021.11.22콜백 함수란? 콜백 함수callback function는 다른 코드의 인자로 넘겨주는 함수입니다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행할 것입니다. 콜백 함수는 제어권과 관련이 깊습니다. 콜백 함수는 다른 코드(함수 또는 메서드)에게 인자로 넘겨줌으로써 그 제어권도 함께 위임한 함수입니다. 콜백 함수를 위임받은 코드는 자체적인 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행할 것입니다. function printHello() { console.log("Hello"); } function doIt(fn) { fn() } doIt(printHello); printHello 를 doIt 의 인자로 넘겨줌으로써 제어권이 넘어간 상태입니다. This 콜백 함수도 함수이..
javascript - 괄호문자제거 (자료구조 stack and queue)
javascript - 괄호문자제거 (자료구조 stack and queue)
2021.08.14문제풀이 이문제는 스택과 큐를 이용해서 해결하는 문제다. 풀이에 사용된 방법은 닫는 괄호를 만나면 여는 괄호를 만날 때까지 pop을 시킨다. pop 되지 않은 문자열을 괄호 안에 없다고 판단하여 join 하여 return 한다. function solution(str) { const stack = []; for (x of str) { if (x === ")") { while (stack.pop() !== "("); } else stack.push(x); } return stack.join(""); } const str = "(A(BC)D)EF(G(H)(IJ)K)LM(N)"; console.log(solution(str)); Github https://github.com/JongyunHa/algorithm..
React 에서 서버 없이 인스타그램 API 연동하고 피드 가져오기
React 에서 서버 없이 인스타그램 API 연동하고 피드 가져오기
2021.08.08들어가며 제가 이글을 쓰게 된 이유는 Facebook dev가 정책이 바뀌면서 유효한 redirect url 에대해 Https 만 허용하였고 개발하는 과정에 있어서 로컬에서 굉장히 삽집을 많이 했습니다.. 더이상 삽질 하지 않기 글을 작성합니다. 페이스북 Dev 에서 앱 만들기 https://developers.facebook.com/ Facebook for Developers 비즈니스, 크리에이터 및 사용자의 Instagram 경험을 개선할 수 있는 도구를 개발하세요. developers.facebook.com 로 들어오셔서 앱 만들기를 선택합니다. 유형은 본인의 앱에 맞게 선택하시면 됩니다. 앱을 다 만드신뒤 대시보드로 들어오셔서 인스타그램을 추가해주셔야 합니다. 추가 해주셨다면 Instagram 기..
javascript lodash 를 이용한 deep copy
javascript lodash 를 이용한 deep copy
2021.08.07const o = { x: { y: 1 } }; // shallow copy const c1 = { ...o }; console.log(c1 === o); // false console.log(c1.x === o.x); // true // lodash의 cloneDeep을 사용한 깊은 복사 // npm install lodash const lodash = require("lodash"); // deep copy const c2 = lodash.cloneDeep(o); console.log(c2 === o); // false console.log(c2.x === o.x); //false 얕은 복사와 깊은 복사로 생성된 객체는 원본과는 다른객체다. 즉, 원본과 복사본은 참조값이 다른 별개의 객체다. 하지만 ..