9.19~9.25 WIL

JWT

▶ JWT개념

- JSON Web Token의 줄임말로 , JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준

- 세션/쿠키와 함께 모바일, 웹의 인증을 책임지는 대표주자

- 세션/쿠키 방식과 유사하게 사용되는 토큰을 헤더에 실어서 보냄

- 토큰 만들때, Header, Payload, Verify Signature 3가지가 필요

- 장점은 세션/쿠키처럼 저장소가 필요없어서 간편, 확장성이 뛰어남

- 이미 발급된 토큰은 한번쓰면 유효기간동안은 가능하나 끝나면 다시 만들어야하고 유효기간동안 털릴수있음

- 토큰 만들때, 받는게 많기 때문에 세션/쿠키보다 길이가 김

 

https://tansfil.tistory.com/58?category=255594 

쉽게 알아보는 서버 인증 1편(세션/쿠키 , JWT)

API

▶ API 개념

- API는 Application Programming Interface의 약자, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻함.

- 그럼 웹 API는 웹 개발에서 서비스에 대한 요청, 응답 기능을 제어하도록 도와주는 것

 

https://ko.wikipedia.org/wiki/API

API - 위키백과, 우리 모두의 백과사전

 

 

알고리즘을 풀면서 헷갈렸거나 다시 본 부분 정리

 

Math 매서드

 

코드	설명
Math.abs(x)	숫자의 절대값을 반환
Math.ceil(x)	인수보다 크거나 같은 수 중에서 가장 작은 정수를 반환
Math.floor(x)	인수보다 작거나 같은 수 중에서 가장 큰 정수를 반환
Math.sqrt(x)	숫자의 제곱근을 반환

 

▶ Math.abs 작동 방식

- 빈 객체, 하나 이상의 요소를 가진 배열, 숫자가 아닌 문자열, undefined나 빈 매개변수를 받으면 NaN을 반환

- null, 빈 문자열이나 빈 배열을 제공하면 0을 반환

- 주어진 값을 절대값으로 만듦

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/abs

Math.abs() - JavaScript | MDN

 

▶ Math.ceil 작동 방식

- ex) 0.95 기준으로 봤을때 큰 수는 1,2,3 ... 있는데 이 중 가까운 값은 1이므로 1
- ex) -7.010 기중으로 봤을때 큰 수는 -7,-6,-5 ... 있는데 이 중 가까운 값은 -7

- ex) Math.ceil(x,y) : y에는 몇번째 자리 수까지 인지

 

형식	설명
Math.ceil(x,y) 에서 y가 음수인 경우	x가 보통 소수점일 가능성이 높고 -1 이면 소수 첫째 자리
Math.ceil(x,y) 에서 y가 양수인 경우	x가 보통 정수에 10의자리를 가지고 있고, 1이면 10의 자리

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil

Math.ceil() - JavaScript | MDN

 

▶ Math.floor 작동 방식

- Math.floor(null)은 NaN을 반환

- ex) 45.95 기준으로 봤을 때 작은 수는 45, 44, 43 ... 중 가장 큰 수는 45

- ex) -47.34 기준으로 봤을 때 작은 수는 -47, -48, -49 ... 중 가장 큰 수는 -47

- ex) Math.floor(x,y) : y에는 몇번째 자리 수까지 인지

 

 

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

Math.floor() - JavaScript | MDN

 

▶ Math.sqrt(x) 작동 방식

- 주어진 숫자에 루트를 씌우는데 음수이면 NaN을 반환

- 말 그대로 제곱이 되는 근을 반환 ex) Math.sqrt(25) = 5

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt

Math.sqrt() - JavaScript | MDN

 

split 매서드

 

▶ split 작동 방식

- string 객체를 지정한 구분자를 이용하여 여러개의 문자열로 쪼갬

- 쪼갰을때 나오는 값은 배열 형태로 담음

- 변수.split('쪼개고자 하는 부위')

- 참고로 받은 문자 역순 처리는 변수.split(' ').reverse().join(' ') 인데 오류가 날수도 있음.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split

String.prototype.split() - JavaScript | MDN

 

Sort 매서드

▶ Sort 작동 방식

- 정렬하고자 하는 값을 정렬할때, 새로운 값을 가져오는게 아님 있는 값을 정렬

- 주어지는 설정마다 sort 방식이 달라짐

 

코드	설명
변수.sort((a,b) => a - b)	오름차순 정렬 (작 -> 큰)
변수.sort((a,b) => b - a)	내림차순 정렬 (큰 -> 작)

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

Array.prototype.sort() - JavaScript | MDN

 

Splice 매서드

 

▶ Splice 작동 방식

- 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경

- ex) 변수.splice(몇번 인덱스, 제거할지 안할지(하면:1, 안하면:0), 추가할 값)

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

Array.prototype.splice() - JavaScript | MDN

 

1주차 총평

초반에 한꺼번에 많은 내용을 해서 약간의 과부하가 오긴했지만, 하면서 재밌었다.