쑥쑥자라기🌱

OAuth에는 OAuth에 등장하는 세 개의 주체가 있습니다. 우선 우리가 만든 서비스를 mine이라 부르고 사용자를 User, 그리고 이 User는 Their라는 서비스의 회원가입이 되어있는 상태여야 합니다. 이것을 OAuth에서는 Their를 우리가 제어하고자 하는 자원이라고 해서 Resource Server라고 합니다. 그리고 이 자원의 소유자(User)를 Resource Owner(소비자)라고 합니다. 그리고 우리의 서비스를 Resource Server에 접속해서 정보를 가져가는 Client라고 부릅니다. Resource Server, Resource Owner,Client 이렇게 3자간의 관계가 OAuth의 핵심이라고 할 수 있습니다. OAuth의 공식 메뉴얼을 보면 Authorization S..

나의 서비스 mine (opentutorials.org) 사용자 User 나의 서비스가 연동하고자 하는 그들의 서비스 Their (Google, Facebook, Twitter...) 예를 들어 사용자가 우리 서비스에 접속해서 글을 쓰거나 봤을 때 나의 서비스가 사용자를 대신해서 구글과 같은 서비스의 캘린더에 날짜를 기록한다거나 또는 Facebook에 글을 쓰거나 본 것을 공유하는 등을 하기 위해서는 우리가 사용자로부터 사용자가 사용하고 있는 그들의 서비스에 접근할 수 있도록 허가를 받아야 합니다. 가장 쉬운 방법은 그들의 서비스에 있는 사용자의 ID와 Password를 사용자로부터 전달받아서 우리가 사용자의 ID와 비밀번호를 기억하고 있다가 실제로 그들의 서비스에 접속할 때 ID와 Password를 이..

배열의 요소에도 특별히 제한된 자료형이 없습니다. 객체의 프로퍼티 값과 같이 어떠한 값이든 모두 할당할 수가 있고 배열 역시 배열의 요소가 될 수 있습니다. // 다차원 배열 (multidimensional array) let twoDimensional = [[1,2],[3,4]]; console.log(twoDimensional[0][1]; 이렇게 배열 안에 배열이 들어가게 되면 이것을 2차원 배열이라고 부르는데 만약 배열 안에 2차원 배열이 또 들어가게 되면 3차원 배열이라고 부르게 됩니다. 그래서 이렇게 배열의 요소에 배열이 들어가는 형태를 가리켜서 다차원 배열이라고 부릅니다. 2차원 배열의 각 요소에 접근하려면 어떻게 해야 할까요? 만약 2라는 값에 접근하고 싶다면 일단 twoDimensional..

// for...of let influencer = ['suwonlog','small.tiger','Minam.ludens', 'CU_convenience24'] for (let i = 0; i < influencer.length; i++){ console.log(influencer[i]); } for...of 반복문이 아니더라도 순서대로 인덱스가 있는 배열의 특징과 length 프로퍼티를 잘 활용하면 단순히 for문으로도 배열의 길이만큼 반복을 하면서 각 요소들을 다룰 수 있지만 for...of 반복문을 활용하면 훨씬 더 간결하게 코드를 작성할 수가 있습니다. for (변수 of 배열){ 동작부분; } for...of의 구조는 객체를 반복할 때 사용했던 for...in문의 구조와 비슷하게 생겼는데 fo..

배열에서 특정 값 찾기 (indexOf / lastIndexOf) 배열에서 특정 값을 찾으려면 indexOf 메소드를 사용하면 됩니다. array.indexOf(item)을 하면 array 배열에 item이 포함되어 있는지 확인할 수 있습니다. 만약 포함되어 있다면, item이 있는 인덱스가 리턴됩니다. 포함되어 있지 않다면, -1이 리턴됩니다. 여러 번 포함되어 있으면, 처음 발견된 인덱스가 리턴됩니다. let brands = ['Google', 'Kakao', 'Naver', 'Kakao']; console.log(brands.indexOf('Kakao')); console.log(brands.indexOf('Daum')); 1 -1 그리고 비슷하게 lastIndexOf라는 메소드가 있는데요. ind..

// 배열의 메소드 (Array's Method) let members = ['쿤갈레','Zerrard66','우리생각해써','흙토끼','End Miracle']; console.log(members); // splice(startIndex, deleteCount, item) // 배열의 첫 요소를 삭제 members.splice(0,1); // 배열의 마지막 요소를 삭제 members.splice(members.length -1,1); // 배열의 첫 요소로 값 추가 members.splice(0, 0, 'NiceCodeit'); // 배열의 마지막 요소로 값 추가 members.splice(members.length, 0, 'NiceCodeit'); // 배열의 메소드 (Array's Method) ..

배열을 좀 더 안전하고 효과적으로 다루기 위해서는 배열의 메소드를 활용해야 합니다. delete 연산자로 배열의 요소를 삭제하면 완벽하게 삭제가 되지 않습니다. // 배열의 메소드 (Array's Method) let members = ['쿤갈레','Zerrard66','우리생각해써','흙토끼','End Miracle']; console.log(members); delete members[4]; console.log(members); //splice members.splice(4); console.log(members); 배열의 요소를 삭제할 때 가장 많이 사용되는 메소드는 splice라는 메소드 입니다. 위 코드를 보면 members 다음에 점 표기법으로 slice 메소드를 호출하고 있는데, 삭제하고 ..

// 배열 (Array) let members = ['쿤갈레', 'Zerrard66', '우리생각해서', '흙토끼', 'End Miracle']; console.log(typeof members); 어떤 그룹 멤버들의 닉네임을 모아둔 배열이 있습니다. JavaScript의 거의 모든 것이 객체라고 했는데 사실 배열도 객체입니다. typeof 연산자로 배열의 자료형을 확인해보면 object라고 나옵니다. 배열도 JavaScript에서 미리 만들어둔 조금 특별한 객체의 한 종류입니다. date 객체에서 날짜와 관련된 다양한 메소드들이 미리 만들어져 있어서 유용하게 활용할 수 있었던 것처럼 배열도 단순히 여러 값들을 묶어주는 역할만 하는 것이 아니라 다양한 프로퍼티와 메소드들이 있어서 필요한 상황에 유용하게 ..