본문 바로가기
반응형

패스트캠퍼스118

2020년 1월 8일 수업 import React, { useEffect } from 'react'; let count = 1; function SubCallbackTest() { useEffect(() => { count += 1; }); return SUB: {count}; } export default SubCallbackTest; import React, { usestate, useState, useMemo } from 'react'; import Sub from './SubCallbackTest'; function CallbackTest(props) { const [count, setCount] = useState(1); const up = () => setCount(prev => prev + 1); const memoi.. 2020. 1. 8.
2020년 1월 6일 수업 const BlinkRender = () => { const [value, setValue] = useState(0); useLayoutEffect(() => { if (value === 0) { setValue(10 + Math.random() * 200); } }, [value]); console.log('render', value); return setValue(0)}>value: {value}; }; useEffect와 useLayoutEffect 기본적으로 이 둘은 동일하다. 하지만, useLayoutEffect는 브라우저의 painting작업을 blocking하고 먼저 호출되게한다. 위 코드를 useEffect로 바꿔서 실행하다보면, 깜박거리는 현상이 발생한다. 하지만, useLayoutEff.. 2020. 1. 6.
2020년 1월 3일 - react수업 jwt 란? json web token 안정적이다 - 데이터의 기밀성 보장하거나 데이터의 무결성을 보장 - 데이터 자체를 노출시키지 않는 것(=암호화) - jwt는 데이터의 위변조 여부만 판단한다. (토큰값만 복사해서 jwt에 decode작업을하면 그냥 다 보임 json값으로 -> 결국 기밀성을 보장하겠는 것이 아님) jwt의 메소드들 jwt.sign : 백엔드에서 많이 쓰임, jwt를 생성하기 위해서, 프론트와 백이 협업해야한다(key값을 서로 알아야함, 어떠한 key값을 쓸것인지. (key값이 유출되면 안된다 -> 누가 세션을 만들어내서 로그인을 해버릴 수 있음) jwt.verify : sign당시에 key값을 2번째 파라미터로 받아서 ... jwt.decode : key값 없이 데이터의 원본을 확인.. 2020. 1. 3.
자바스크립트로 하는 자료구조와 알고리즘(12장) - 스택과 큐 스택 마지막에 삽인된 항목만을 제거하고 접근할 수 있다. 후입 선출(LIFO) 자바스크립트 배열에는 pop과 push라른 메소드가 있다. 이 메소드를 사용하면 스택을 쉽게 구현가능 들여다보기 = 마지막에 추가된 항목을 들여다 보는 것 = 마지막에 추가된 항목을 스택 자료구조에서 제거하지 않고 반환하는 것을 의미. 삽입 push()함수를 사용. 시간복잡도 O(1) 삭제 pop()함수를 사용 O(1) 접근 n번째 노드에 접근하기 위해선 pop을 n번 호출해야한다. O(n) 검색 pop이 버퍼 스택에 대해 호출될 수 있도록 버퍼 스택을 만들어야함! 원래 스택으로부터 어떤 항목도 제거되지 않도록 원래 스택은 건드리지 않는다. O(n) 큐 첫번째로 추가된 항목만을 제거할 수 있는 자료구조 선입선출 (FIFO) s.. 2019. 11. 13.
반응형

티스토리툴바