본문 바로가기

반응형

Welcome !

(441)
[52일차]20210527 JWT token 토큰 만들어 브라우저 cookie에 저장하기 server1이 꽉차면 server2로 가게됨 (여기서 client는 재로그인을 해야함 ) 문제 해결 위해 : 브라우저가 내용을 가지고 있게됨 => 보안취약 -> data 암호화해서 token 보내줌 위의 흐름 중 5번 중요 ! 6. server는 middleware를 통해 token 쳌 * 토큰의 생성 google jwt (json web token) -> application, webside 등등 모두 사용 https://jwt.io/ JWT.IO JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. jwt.io token = 문자로 표현되어 있음..
[51일차 복습] 카카오 API / 주소, 우편번호 요청 및 가져오기 API란? https://blckchainetc.tistory.com/199 API란? REST / REST API / RESTful 이란? API란? [Application Programming Interface] 응용 프로그램 프로그래밍 인터페이스 - 애플리케이션과 기기가 데이터를 원활히 주고받을 수 있도록 중간 매개체 역할 - 애플리케이션들이 서로 소통할 때 blckchainetc.tistory.com Kakao Developers 로그인 -> 제품 -> 지도/로컬 클릭 -> 개발가이드 -> 주소검색, 좌표로 주소 변환하기 내용 준비 어떻게 API 써야하는지 요청을 어떻게 보내야하는지, 응답을 어떻게 줄건지 친절하게 다 나와있다. https://developers.kakao.com/docs/late..
API란? REST / REST API / RESTful 이란? API란? [Application Programming Interface] 응용 프로그램 프로그래밍 인터페이스 - 애플리케이션과 기기가 데이터를 원활히 주고받을 수 있도록 중간 매개체 역할 - 애플리케이션들이 서로 소통할 때 쓰는게 GET, POST, PUT, DELETE . - API가 탑재된 application은 더욱 동적이며 실시간 data 를 가져올 수 있다. - API는 app 개발 과정을 빠르게하고 비용도 절감해준다. - server는 사용자에게 Json방식 (문자열) 으로 응답한다. - 다른 서비스로부터 가져온 API를 쓰다가 본인의 API를 구축할 수도 있다. ex) 초창기 google Maps API에 의존하던 Uber 는 이제 Uber자체적으로 제작한 global mapping pro..
[51일차]20210526 API 카카오 주소 가져오기 오전 : 수업 오후 : 자습 주소 : 국가 것, 우체국, 카카오 주소 등등API 가 있음 오늘 : API , 카카오 주소 가져오기 카카오 주소 API https://developers.kakao.com/docs/latest/ko/local/dev-guide Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com API란? [ application programming interface ] Interface: 무언가 실행하기위한 보조 장치 ex.마우스or키보드 , 특정 url, .. - 운영체제와 응용프로그램 사이의 통신에 사용되는 언어나 메시지 형식 -..
[50일차 복습] HTTP protocol 구조 개요와 예제 이번 포스팅 내용 : http protocol 의 요청 Request / 응답 Response이 어떤 구조로, 어떻게 주고 받아지는지, 이론 공부, 그리고 직접 server 만들어서 요청, 응답을 분석해보기 HTTP [ Hypertext Transfer Protocol ] 인터넷에서 가장 많이 사용되는 프로토콜 (통신 규약) - Http 는 http Client 가 http server로 요청을 보내고 요청을 받은 server는 client에게 응답을 보내는 형태로 이루어져 있다. http 통신 흐름 1. User가 브라우저에서 URL을 issues. 2. 브라우저가 Request 요청 메세지를 서버에게 보낸다. 3. 서버가 받은 URL을 document directory로 파일 or 프로그램으로 만든다..
[50일차] 20210525 HTTP post, get 공부 http 메시지 형식 공부하기 server.js 가 읽어들이는 것은 text file / text file 을 읽는 원리를 알면 session 등 이동하는 흐름을 알게 됨 API 통신 - http 통신 기반으로 만들어진 API통신 http 형식 - 3가지 그 중 headers 를 언제 쓰는지 배우는 것 / 통신이 정확하게 어떻게 이루어져 있는지.. 통신을 할 때 어떻게 쓰면 통신이 잘 되는지 공부하는 것 (라이브러리 없이도 가능하게) - post로 보낼 때 fetch를 쓰면 꼭 content-type을 써줘야함. - 모든 데이터는 body에 들어간다. 들어가는 형태는 ? network 아래 쪽처럼 ↓↓ - post로 값을 보낼 때 userid = ㅁㄴㅇㄹ & userpw = asdfasdf 이런 형태 /..
[JavaScript] 구조 분해 할당 [...] {...} 비구조화 할당 문법이란? 예시 / 자바스크립트 JavaScript [...] {...} 구조 분해 할당 , 비구조화 할당 문법 이란? - 배열 or 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 javascript 표현식 - Perl & Python 등 다른 언어가 가지고 있는 기능이기도 함 예제 1 [a,b,...rest] = [10,20,30,40,50,60]; //a = 10 , b = 20 , rest => 나머지가 배열로 들어감 console.log(a); // 10 number로 return console.log(b); // 20 number로 return console.log(rest); // [30,40,50,60] //배열로 return let A = [a,b,...rest] = [10,20,30,40,50,60];..
질문 [JavaScript] 자바스크립트 Object.keys() 사용법, 예제 JavaScript Object.keys() Object.keys() - method returns an array of a given object's own enumerable property names, iterated in the same order that a normal loop would. 해당 객체의 셀 수 있는 속성 이름들을 순서대로 (normal loop would) 반환한다. e·nu·mer·a·ble /əˈn(y)o͞omərəb(ə)l/ adjective MATHEMATICS able to be counted by one-to-one correspondence with the set of all positive integers. 기본 구문 Object.keys(obj) 매개 변수 1...
[49일차 복습] JavaScript & Oauth 기능으로 kakao login 연결하기 지난 금요일까지 만든 kakao login은 session에 카카오만 들어가 있는 상태↓ req.session.kakao=user.data; kakao, naver, google, local server 등등.. 많은 로그인 기능을 연결하려면 각각 사이트마다 주는 결과도 다르기 때문에 하나에 모아서 처리할 예정 1. session에 웹사이트별 구분 속성값 만들어 넣기 server.js const authData = { //authData 변수에 token.data, user.data 값을 객체로 담음 ...token.data, ...user.data, } req.session.authData = { //session 안에 kakao라는 속성에 authData의 객체값들을 넣음 ["kakao"]:authD..
WEB / HyperText / HTTP-get,post / HTML / CSS vs SSS 정리 WEB HyperText 문서들이 인터넷을 통해 연결된 시스템 web의 시작 : World-wide-web = www = w3 구성 : 통신 프로토콜 (http) / contents(hypertext 문자들 / 링크를 통해 다른 문서로 접근할 수 있는 문서 ex.html * http는 링크를 통해 다른 문서로 접근할 수 있다. 웹에서 우리가 접근하는 통신 프로토콜은 http 주소 체계 : URL 프로토콜HTTP (TCP/IP) + 주소체계URL + 데이터 포맷 Hypertext Web browser : web에 접근하기 위한 응용 소프트 웨어 (ex. google- crome , microsft - internet explorer, apple - safari ) * Hypertext란? 컴퓨터를 통하여 ..
[49일차] 20210524 javaScript 카카오 oauth 로그인 kakao login session 추가 공부 / 비구조할당문 /switch문 / session 담는 부분 req.session.kakao=user.data; 구글,네이버,깃헙, 자체 로그인 등등..로그인이 4가지 방식 이상으로 되고 각각 사이트마다 주는 결과도 다르기 때문에 잘 모아서 처리해야함. // req.session.kakao=user.data; const authData = { ...token.data, ...user.data, } res.redirect('/'); }) 새로 배우는 문법 비구조 할당문 * 비구조 할당문이란,, 배열, 객체 모두 사용 가능 좋은 점. 객체를 내 마음대로 바꿔서 저장 가능 복사할 때 장점이 많음. 굳이 비구조 할당문 쓰는 이유? -> 깊은 복사를 위해 사용한다. (값을 가져오지만, 원..
[JavaScript] Switch ...case 조건문과 if ...else 차이는? 예제로 알아보기 자바스크립트 switch문 switch 문 (swith... case : .... break;) switch문은 if문과 기능이 거의 비슷하다. switch 조건문은 if문으로 변형 가능하지만 if문 대신 switch문을 쓰는 이유는 간결성, 가독성이다. 보통 if문 == 같다를 표현할 때, 내용이 복수일 때, 복수의 if조건문은 switch문으로 바꿔 쓸 수 있다. switch 조건문 case에는 상수값만 올 수 있어 변수, 비교식 등에는 사용할 수 없다. * default 값은 Optional 기본 예제로 이해해보기 let colors = 'red'; switch (colors){ case 'brown' : console.log('color is brown'); break; case 'red' : console.log('col..
[48일차 복습] JavaScript, node.js, Oauth 로 카카오 로그인 연결해보기 kakao login Oauth 용어 사용자(user): 서비스 제공자와 소비자를 사용하는 계정을 가지고 있는 개인 소비자(consumer): Open API를 이용하여 개발된 OAuth를 사용하여 서비스 제공자에게 접근하는 웹사이트 또는 애플리케이션 서비스 제공자(service provider): OAuth를 통해 접근을 지원하는 웹 애플리케이션(Open API를 제공하는 서비스) 소비자 비밀번호(consumer secret) : 서비스 제공자에서 소비자가 자신임을 인증하기 위한 키 요청 토큰(request token) : 소비자가 사용자에게 접근권한을 인증받기 위해 필요한 정보가 담겨있으며 후에 접근 토큰으로 변환된다. 접근 토큰(access token) : 인증 후에 사용자가 서비스 제공자가 아닌 소비자를 통해서 보호된..
JavaScript 자바스크립트 String.fromCharCode() 사용법 , 예제 String.fromCodePoint와 차이점 JavaScript String.fromCharCode() String.fromCharCode() - UTF-16 코드 유닛의 시퀀스로부터 문자열 생성, 반환 - String 객체가 아닌 문자열을 반환 - String의 정적 매서드이기 떄문에 String.fromCharCode() 이렇게 Stirng을 반드시 붙여서 써야함 - 높을 코드 포인트의 문자는 surrogate (대리의) 값 두 개를 합쳐 하나의 문자를 표현하므로 String.fromCodePoint() 을 쓰면 가능 String.fromCodePoint() https://blckchainetc.tistory.com/187 JavaScript 자바스크립트 String.fromCodePoint() 사용법 예제 String.fromCharCode ..
JavaScript 자바스크립트 String.fromCodePoint() 사용법 예제 String.fromCharCode 차이 JavaScript String.fromCodePoint() String.fromCodePoint() - Code points의 순서에 따라 해당 번호의 문자를 반환 기본 구문 String.fromCodePoint(num1, num2, ,,,) 매개 변수 - 반환 값 code points에 해당하는 문자 반환 String.fromCodepoint() vs String.fromCharCode() (예제2 참고) String.fromCodePoint(), on the other hand, can return 4-byte supplementary characters, as well as the more common 2-byte BMP characters, by specifying their code point..
[프로그래머스 코딩테스트 JavaScript] Level 1-33 소수 찾기 [프로그래머스 코딩테스트 JavaScript] Level 1-33 소수 찾기 문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한 조건 n은 2이상 1000000이하의 자연수입니다. 입출력 예 nresult 10 4 5 3 입출력 예 설명 입출력 예 #1 1부터 10 사이의 소수는 [2,3,5,7] 4개가 존재하므로 4를 반환 입출력 예 #2 1부터 5 사이의 소수는 [2,3,5] 3개가 존재하므로 3를 반환 나의 코드 (실패1) 시간초과, 효율성 테스트 실패 이중 for문이라 그런듯 실패 2 -> 7,11,13...등 무한한 소수의 배수는 처리를 못함. f..
[프로그래머스 코딩테스트 JavaScript] Level 1-32 행렬의 덧셈 [프로그래머스 코딩테스트 JavaScript] Level 1-32 행렬의 덧셈 문제 설명 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 제한 조건 행렬 arr1, arr2의 행과 열의 길이는 500을 넘지 않습니다. 입출력 예 arr1arr2return [[1,2],[2,3]] [[3,4],[5,6]] [[4,6],[7,9]] [[1],[2]] [[3],[4]] [[4],[6]] 나의 코드 뭔가 map으로 풀어질 것 같았는데 map 사용 미숙으로 실패 2중 for문으로도 하는데 시간이 한 ~ 참 걸림 let a, b=[]; 의 위치 조정 ..
[프로그래머스 코딩테스트 JavaScript] Level 1-31 직사각형 별찍기 [프로그래머스 코딩테스트 JavaScript] Level 1-31 직사각형 별찍기 문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 예시 입력 5 3 출력 ***** ***** ***** 나의 코드 처음에 process.stdin.setEncoding('utf8') ; process.stdin.on('data', data=>{} 요 부분을 이해하지 못해서 도움을 구했다 data 를 console.log를 찍어보면 "5 2" 이렇게 뜨는데 요거를 split(' ') 해서 배열로 만든 후 써먹어야 한다! level 1 가장 처음에 있는..
[프로그래머스 코딩테스트 JavaScript] Level 1-30 음양 더하기 문제 설명 어떤 정수들이 있습니다. 이 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를 완성해주세요. 제한사항 absolutes의 길이는 1 이상 1,000 이하입니다. absolutes의 모든 수는 각각 1 이상 1,000 이하입니다. signs의 길이는 absolutes의 길이와 같습니다. signs[i] 가 참이면 absolutes[i] 의 실제 정수가 양수임을, 그렇지 않으면 음수임을 의미합니다. 입출력 예 absolutessignsresult [4,7,12] [true,false,true] 9 [1,2,3] [false,false,..
[프로그래머스 코딩테스트 JavaScript] Level 1-29 핸드폰 번호 가리기 [프로그래머스 코딩테스트 JavaScript] Level 1-29 핸드폰 번호 가리기 문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_numberreturn "01033334444" "*******4444" "027778888" "*****8888" 나의 코드 다른 분 코드 분명 어제 repeat을 배운거같은데 생각하지도 못하다니,, 진짜 간결하고 깔끔하다 다른 분 코드 2 요런 방법도 있다...
[프로그래머스 코딩테스트 JavaScript] Level 1-28 이상한 문자 만들기 string 짝수/홀수별로 대소문자 바꾸기 문제 설명 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 제한 사항 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다. 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다. 입출력 예 sreturn "try hello world" "TrY HeLlO WoRlD" 입출력 예 설명 "try hello world"는 세 단어 "try", "hello", "world"로 구성되어 있습니다. 각 단어의 짝수번째 문자를 대문자로, 홀수번째 문자를 소문자로 바꾸면 ..
[프로그래머스 코딩테스트 JavaScript] Level 1-27 내적 [프로그래머스 코딩테스트 JavaScript] Level 1-27 내적 문제 설명 길이가 같은 두 1차원 정수 배열 a, b가 매개변수로 주어집니다. a와 b의 내적을 return 하도록 solution 함수를 완성해주세요. 이때, a와 b의 내적은 a[0]*b[0] + a[1]*b[1] + ... + a[n-1]*b[n-1] 입니다. (n은 a, b의 길이) 제한사항 a, b의 길이는 1 이상 1,000 이하입니다. a, b의 모든 수는 -1,000 이상 1,000 이하입니다. 입출력 예 abresult [1,2,3,4] [-3,-1,0,2] 3 [-1,0,1] [1,0,-1] -2 입출력 예 설명 입출력 예 #1 a와 b의 내적은 1*(-3) + 2*(-1) + 3*0 + 4*2 = 3 입니다. 입출..
[프로그래머스 코딩테스트 JavaScript] Level 1-26 폰켓몬 [프로그래머스 코딩테스트 JavaScript] Level 1-26 폰켓몬 문제 설명 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. 홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4마리의 폰켓몬이 있고, 각 폰켓몬의 종류 번호가 [3번, 1번, 2번, 3번]이라면 이는 3번 폰켓몬 두 마리, 1번 폰켓몬 한 마리, 2번 폰켓몬 한 마리가 있음을 나타냅니다. 이때, 4마리의 폰켓몬 중 2마리를 고르는 방법은 다음과 같이 6가지가 있습니다. 첫 번째(3번), 두 번째..
[프로그래머스 코딩테스트 JavaScript] Level 1-25 약수의 개수와 덧셈 [프로그래머스 코딩테스트 JavaScript] Level 1-25 약수의 개수와 덧셈 문제 설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left ≤ right ≤ 1,000 입출력 예 leftrightresult 13 17 43 24 27 52 입출력 예 설명 입출력 예 #1 다음 표는 13부터 17까지의 수들의 약수를 모두 나타낸 것입니다. 수약수약수의 개수 13 1, 13 2 14 1, 2, 7, 14 4 15 1, 3, 5, 15 4 16 1, 2, 4, 8, 16 5 17 1, 17 2 따라..

반응형