KB 코딩

✔ 1. 배열의 기초 ✔ 2. 배열의 생성 ✔ 3. 배열의 참조 ✔ 4. 배열 요소의 추가 ✔ 5. 배열의 순회(iteration) ✔ 6. Array 객체 1. 배열의 기초 1) 배열이란? - 정의 : 이름과 인덱스로 참조되는 정렬된 값의 집합 - 배열 요소(element) : 배열을 구성하는 각각의 값들 - 인덱스(index) : 배열에서의 위치를 가리키는 숫자 2) 배열의 특징 - 배열 요소의 타입이 고정되어 있지 않으며, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. - 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. - 자바스크립트에서 배열은 Array 객체로 다뤄진다. 2. 배열의 생성 - 위의 세 가지 방법은 모두 같은 결과의 ..

TIL 2022. 3. 26. 12:43

✔ 1. 함수의 아규먼트와 파라미터 ✔ 2. arguments 객체 ✔ 3. 디폴트 매개변수와 나머지 매개변수 1. 함수의 아규먼트와 파라미터 1) 파라미터(parameter) - 매개변수 : 함수를 정의 할 때, 외부로부터 받아들이는 임의의 값(변수: variable). - function(x,y){ return x+y } 에서 x,y가 파라미터(매개변수)이다. 2) 아규먼트(argument) - 인수 : 함수를 호출할 때 이 때 사용하게 되는 일련의 값들(value). - function(3,4) 에서 3,4 가 아규먼트이다.(위의 파라미터 예시로 들었던 함수를 호출한다면) - '파라미터의 값으로 아규먼트 3과 4를 대입하였다' 라는 의미가 성립. 출처 : https://enarastudent.tis..

TIL 2022. 3. 26. 01:05

⭐Next.js 렌더링 원리 : Dififing / hydration ⭐Closure / HOC / HOF / withAuth 📄 cookie / localStorage / sessionStorage - 로그인 데이터를 브라우저 내에 저장할 수 있는 3대 저장소들 1. Cookie: 영구 저장이 가능하며 만료시간을 정할 수 있다. => refreshToken을 저장할 수 있으며 보안을 강화 할 수 있는 옵션들이 존재하며 accessToken을 재발급 받을 수 있다. 2. localStorage: 영구 저장, 브라우저를 종료해도 저장 되어있다.=> 보안이 그렇게 좋은 편이 아니라 이 곳에 저장하는 건 좋은 방법은 아니다. ==> refreshToken으로 개선 가능 3. sessionStorage: 브라우..

TIL 2022. 2. 17. 23:16

⭐ 로그인의 역사 ➡ Login ⭐ JWT 토큰 ➡JWT Token ⭐ 암호화 방식 2가지 ➡Encrypt / Hash ⭐ 로그인 인증 토큰은 어디에 저장을 할까? ➡ Context-API 기존 로그인 방식 1) 브라우저에서 BE에 로그인을 시도한다(email, pwd) 2) BE에서 login-api를 통해 회원 테이블에서 해당하는 데이터를 찾는다. 3) BE 메모리(Session)에 유저가 로그인한 데이터를 저장한다. ➡ Session : BE의 변수 4) 데이터에 대한 Token(ID: ajkdj-12)를 생성해서 브라우저에 되돌려준다. 5) 유저가 로그인한 후 createPayment를 요청하게 될 땐 ID값 즉, Token(ajkdj-12) 값을 다시 BE로 보내준다. 6) BE에선 ID(ajk..

TIL 2022. 2. 15. 19:06