본문 바로가기

기술

(16)
Mobile App을 위한 OAuth 2.0 인증 서버 구조 들어가며 이 글은 OAuth 2.0과 4가지 인증 방식, 그리고 토큰 인증 방식에 대한 개념을 알고 계신다고 가정하고 쓴 글입니다. 헷갈리는 개념이 있을 경우 다음 링크들을 참고하길 바랍니다. 또한 이 글은 스택오버플로우의 답변을 정리한 글입니다. OAuth와 춤을 쉽게 알아보는 서버 인증 1편(세션/쿠키, JWT) 쉽게 알아보는 서버 인증 2편(Access Token + Refresh Token) OAuth 2.0, Grant Type 개념 정리 Authorization Code vs. Implicit 모바일 App을 위한 Web API를 만들 때 OAuth 2.0의 어떤 Grant Type을 사용해야 좋을까요? 만약 클라이언트가 웹이라면 망설임 없이 Authorization Code Grant Typ..
[Yarn] Yarn 사용법, yarn global add 설정하기 Yarn이란? Npm과 같은 패키지 메니저입니다. 다만, 페이스북에서 만든 것으로 빠르고, 보안성이 좋고, 신뢰할 수 있다고 홍보합니다. https://yarnpkg.com/lang/en/ Yarn Fast, reliable, and secure dependency management. yarnpkg.com yarn add # npm 사용법 npm install --save # yarn 사용법 yarn add npm와 다르게 ``--save`` 옵션을 주지 않아도 package.json파일에 자동으로 저장됩니다. yarn global add # npm 글로벌 사용법 npm install -g # yarn 글로벌 사용법 yarn global add 문제는 `` yarn global add``를 사용하기 전..
[JavaScript] Object 기초부터 Destructed Assignment까지 자세히 알아보기 들어가며 이번에 Node를 공부하기 위해 JavaScript를 공부하고 있습니다. 다음은 객체에 대해 기본 설명과 더 나아가 자세한 내용을 적어두었습니다. Object 란? 객체(Object)는 연관된 데이터와 함수들의 집합(collection)입니다. 다음은 person object의 예시입니다. const person = { firstName: 'Seonkyu', lastName: 'Kim', age: 22, getProfile: function() { return `${this.first} ${this.lastName} is ${this.age} years old.`; } } Property, Method 프로퍼티(Property)는 객체의 속성들입니다. 위 코드에서 ``firstName``, ``..
[NGINX] 꼭 알아야 할 configuration 기초 개념! 들어가며 NGINX를 사용하는데 있어 꼭 필요한 기초 개념들을 정리한 글입니다. 전반적인 기초를 다룬 뒤 NIGNX를 web server로 이용하는 방법에 초점을 두어 작성하였습니다. 또한 너무 자세한 내용은 다루지 않았습니다. NGINX 시작, 종료, 재시작 NGINX의 파일을 invoke 하기 위해 -s 옵션을 사용합니다. $ nginx -s [signal] [signal]에는 다음 4가지 설정이 가능합니다. stop: fast shutdown quit: graceful shutdown - 이 명령어는 NGINX를 시작한 사람만 사용할 수 있습니다. reload: reloading config file reopen: reopening the log files 즉, 새로 바꾼 configuration ..
[Google Apps Script] 구글 설문으로 자동 드라이브 공유 및 슬랙 초대하기 들어가며 저희 동아리에서는 신입 회원이 있을 경우 구글 폼을 통해 사용자 정보를 받습니다. 그 후 구글 이메일을 통해 동아리 드라이브를 공유하며 슬랙에 초대를 합니다. 매번 새로운 신입 회원이 생길 때마다 위 과정을 반복하는 것은 여간 귀찮은 것이 아닙니다. 이번 기회에 이 과정을 자동화 해보았습니다. Apps Script란? 간단히 스프레드 시트에서 실행할 수 있는 스크립트라고 생각할 수 있습니다. javascript를 사용하며 자체적으로 .gs 라는 확장자를 사용합니다. 다음 사이트에서 'Starting Script'를 통해 시작할 수 있습니다. https://www.google.com/script/start/ Apps Script – Google Apps Script Example Scripts F..
[Javascript] 배열 기초 배열 선언 Javascript 배열에는 여러 타입의 데이터가 들어갈 수 있습니다. const itemList = ['hello', 10, true]; 배열의 접근 다른 언어와 비슷하게 ``[ ]``을 통해 접근할 수 있습니다. const itemList = ['hello', 10, true]; console.log(itemList[0]); // Output: hello 배열에서의 let과 const ``const``로 배열을 선언했다 하더라도 배열의 원소를 바꿀 수 있습니다. 배열에서의 ``const``는 새로운 배열을 할당하지 못한다는 뜻입니다. 유용한 Property와 Method length 프로퍼티 const numbers = [1, 2, 3]; console.log(numbers.length);..
[Javascript] 함수 기초: 함수 선언식, 표현식, 호이스팅, 화살표 함수 함수 선언식(Function Declarations) 함수는 기본적으로 다음과 같이 선언하고 실행합니다. // 함수 선언 function hello (name) { console.log(`Hello, ${name}!`); } // 함수 실행 hello('Seonkyu'); // Output: Hello, Seonkyu! Default Parameters 함수에 Parameter가 지정되지 않을 경우 사용할 디폴트 값을 정할 수 있습니다. // 함수 선언 function hello (name = 'stranger') { console.log(`Hello, ${name}!`); } // 함수 실행 hello('Seonkyu'); // Output: Hello, Seonkyu! hello(); // Outpu..
[Javascript] 기초: 주석, 자료형, 변수선언, 문자열 포멧팅, If문, Switch문, 논리연산자 이 글은 다른 언어를 접한 경험은 있지만, 자바스크립트는 처음 입문하시는 분들을 위한 글입니다. 주석 Single-line 주석 // single line comment Multi-line 주석 /* multi-line comments */ 자료형 1. Number: 소수를 포함한 숫자 - ``4``, ``24.56`` 2. String: 문자열 집합 - ``' ... '``, ``" ... "`` 3. Boolean: 불린형 - ``true``, ``false`` 4. Null: 데이터가 없음을 나타내는 자료형 - ``null`` 5. Undefined: 데이터 타입이 지정되지 않음을 나타내는 자료형 - ``undefined`` 6. Symbol: 고유 식별자 7. Object: 여러 자료들의 집합 *..