google drive API v3 사용

Posted by HULIA(휴리아)
2021. 2. 22. 23:51 백엔드개발/NODEJS

Google Drive API  |  Google Developers

 

Google Drive API  |  Google Developers

Create an app that reads, writes, and syncs files in Google Drive.

developers.google.com

Introduction to Google Drive API  |  Google Developers

 

Introduction to Google Drive API  |  Google Developers

The Drive REST API lets you create web apps that access files stored in Google Drive.

developers.google.com

0)전제조건

1)구글 drive API 켜기

구글 API를 사용하기 위해서는 OAuth Client(Application)를 만들어야 한다

만들고 나면은 최종 화면에서 DOWNLOAD CLIENT COFIGURATION 버튼을 클릭하여서 credentials.json파일을 다운 받아서 내가 만든 node.js 어플리케이션에 복사함

Google API Console

 

Google Cloud Platform

하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요.

accounts.google.com

2)googleapi 라이브러리 설치

3)index.js 생성하기

node-samples/index.js at master · googleworkspace/node-samples · GitHub

 

googleworkspace/node-samples

Node samples for Google Workspace APIs. Contribute to googleworkspace/node-samples development by creating an account on GitHub.

github.com

4)node index.js으로 quickstart 앱과 연동하기(최초 1번)

URL을 복사해서 웹브라우저 입력하면은

고급을 눌러 이동합니다

그럼 권한부여화면에서 허용을 눌러줍니다

그리고는 마지막에 나오는 코드를 입력해주면 정상적으로 token.json이 만들어 지게 됩니다~

5)node index.js 실행하기

'백엔드개발 > NODEJS' 카테고리의 다른 글

yarn 설치를 할때  (0) 2020.11.28
postcss 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다 해결방법  (0) 2020.11.28
NODEJS에서 react spring 테스트  (0) 2020.10.14
npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
Trackback: Comment:

yarn 설치를 할때

Posted by HULIA(휴리아)
2020. 11. 28. 20:37 백엔드개발/NODEJS

npm install -g yarn으로 설치를 해야 정상적으로 이용가능하다

yarn은 facebook에서 만들었고 npm보다 좋은 패키지 설치 프로그램
1)yarn은 npm3보다 패키치 설치 속도가 빠르다
2)yarn은 json 포맷을 사용하지 않는다
3)yarn은 offline모두가 가능하다

'백엔드개발 > NODEJS' 카테고리의 다른 글

google drive API v3 사용  (0) 2021.02.22
postcss 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다 해결방법  (0) 2020.11.28
NODEJS에서 react spring 테스트  (0) 2020.10.14
npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
Trackback: Comment:

postcss 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다 해결방법

Posted by HULIA(휴리아)
2020. 11. 28. 20:34 백엔드개발/NODEJS

 

 

yarn add postcss-cli
또는
npm install postcss-cli
를 하고 다시 yarn start 나 npm start를 하면 정상적으로 실행이 됩니다~

'백엔드개발 > NODEJS' 카테고리의 다른 글

google drive API v3 사용  (0) 2021.02.22
yarn 설치를 할때  (0) 2020.11.28
NODEJS에서 react spring 테스트  (0) 2020.10.14
npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
Trackback: Comment:

NODEJS에서 react spring 테스트

Posted by HULIA(휴리아)
2020. 10. 14. 00:22 백엔드개발/NODEJS

NPM 설치 후 아래의 설치
1)react app 패키지 설치
github.com/facebook/create-react-app

 

facebook/create-react-app

Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.

github.com

2)react-spring 패키지 설치
github.com/pmndrs/react-spring

 

pmndrs/react-spring

✌️ A spring physics based React animation library. Contribute to pmndrs/react-spring development by creating an account on GitHub.

github.com

3)react spring example을 적용해서 App.js에 수정
리액트 스프링 관련
www.react-spring.io/docs/hooks/use-spring

 

react-spring

Bring your components to life with simple spring animation primitives for React

www.react-spring.io

www.react-spring.io/docs/hooks/examples

 

react-spring

Bring your components to life with simple spring animation primitives for React

www.react-spring.io

4)npm run build로 컴파일

5)npm start로 로컬서버 실행시킴

'백엔드개발 > NODEJS' 카테고리의 다른 글

yarn 설치를 할때  (0) 2020.11.28
postcss 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다 해결방법  (0) 2020.11.28
npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
Trackback: Comment:

npm install 명령어 해야하는 위치

Posted by HULIA(휴리아)
2020. 10. 13. 00:37 백엔드개발/NODEJS

package.json이 있는 위치에서 해야 정상적으로 npm install이 정상적으로 된다

'백엔드개발 > NODEJS' 카테고리의 다른 글

postcss 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다 해결방법  (0) 2020.11.28
NODEJS에서 react spring 테스트  (0) 2020.10.14
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
exports과 module.exports 차이 그리고 관계  (0) 2017.11.05
Trackback: Comment:

node 실행시 import 구문 사용 안될때

Posted by HULIA(휴리아)
2020. 10. 13. 00:11 백엔드개발/NODEJS

node index.js 실행시에 다음과 같이 에러가 발생하면 import 사용이 안되는 경우이다
SyntaxError: Cannot use import statement outside a module

import를 사용하기 위해서는
package.json에서
{
~~~
"type":"module",
~~~
}

이렇게 추가하면 import구문이 정상적으로 사용된다


더 자세한 설명은 아래의 링크 참조
www.daleseo.com/js-node-es-modules/

 

 

'백엔드개발 > NODEJS' 카테고리의 다른 글

NODEJS에서 react spring 테스트  (0) 2020.10.14
npm install 명령어 해야하는 위치  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
exports과 module.exports 차이 그리고 관계  (0) 2017.11.05
Npm이란과 명령어 정리  (0) 2017.11.05
Trackback: Comment:

npm -g 옵션으로 설치시에 폴더위치

Posted by HULIA(휴리아)
2018. 4. 23. 01:21 백엔드개발/NODEJS

윈도우:

C:\Users\user\AppData\Roaming\npm\node_modules

'백엔드개발 > NODEJS' 카테고리의 다른 글

npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
exports과 module.exports 차이 그리고 관계  (0) 2017.11.05
Npm이란과 명령어 정리  (0) 2017.11.05
Restful API 서버를 만들기 위한 Nodejs 개발환경 Intellij 설정  (0) 2017.11.05
Trackback: Comment:

exports과 module.exports 차이 그리고 관계

Posted by HULIA(휴리아)
2017. 11. 5. 20:12 백엔드개발/NODEJS
exports
-여러번 사용될 수 있음
-사용자가 만든 속성과 메소드에 대해서 쓸수 있음


예시)
// cicle.js
var PI = Math.PI;
 
exports.area = function (r) {
    return PI * r * r;
};
 
exports.circumference = function (r) {
    return 2 * PI * r;
};


// foo.js
var circle = require('./circle.js');
console.log( 'The area of a circle of radius 4 is '
    + circle.area(4));



module.exports
-한번만 사용될 수 있음
-사용자가 만든 속성과 메소드에 대해서 쓸 수 있음



예시)
// square.js
module.exports = function(width) {
    return {
        area: function() {
            return width * width;
        }
    };
}



// bar.js
var square = require('./square.js');
var mySquare = square(2);
console.log('The area of my square is ' + mySquare.area());





그런데 결론적으로 차이가 없다고 합니다 
http://programmingsummaries.tistory.com/340



'백엔드개발 > NODEJS' 카테고리의 다른 글

npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
Npm이란과 명령어 정리  (0) 2017.11.05
Restful API 서버를 만들기 위한 Nodejs 개발환경 Intellij 설정  (0) 2017.11.05
Trackback: Comment:

Npm이란과 명령어 정리

Posted by HULIA(휴리아)
2017. 11. 5. 12:55 백엔드개발/NODEJS
정의
NPM(nodejs package manager)


공식사이트
https://npmjs.org/


유명한 모듈명들
-lodash
-request
-async
-chalk
-express
-bluebird
-commander
-debug
-react

유명한 npm install 모듈
-browserify
-grunt-cli
-bower
-gulp
-grunt
-express
-cordova
-forever

알아둘 개념
-전역모드 VS 지역모드
전역모드 설치시 
/usr/local/lib/node_modules
c:\Users\%USERNAME%\AppData\Roaming\npm\node_modules
에 모듈이 저장된다
****그래서 npm install 하기 전에 반드시 폴더를 만들어야 한다

모듈 설치
npm install 모듈명@모듈버젼
-g옵션 : 전역모드로 설치
--save옵션 : package.json에 모듈명 업데이트(추가개념)
ex)npm install -g express@1.5x

모듈 삭제
npm uninstall 모듈이름
-g옵션 : 전역모드로 삭제
ex)npm uninstall -g express

모듈 업데이트
npm update 모듈명
-g옵션 : 전역모드로 업데이트
ex)npm update -g express


package.json(여러가지 모듈 일괄 설치 설정 파일)으로 의존성관리
기본적으로 프로젝트 생성시에 포함되어있지만 수동으로 package.json을 파일을 만들려면 npm init 명령어를 통해서 만들수 있다

package.json의 구조
{
"name" : 해당 모듈의 이름을 정의한다.  (이름에 'node' 나 'js' 가 들어가면 안된다.) 
"version" : 해당 모듈의 버전을 정의한다.
"description" : 해당 모듈의 추가적인 설명을 정의한다.
"main" : node에서 해당 package.json 을 탐색할 때 기준이 되는 파일 이름을 정한다.  기본적으로 index 로 
           설정이 되며, 생략이 가능한 부분이지만 추후 프로젝트가 복잡해진다면 이 항목을 정의 할 필요가 있다. 
"scripts" : package.json 이 있는 폴더에서 추가로 실행 할 스크립트 명령어를 정의한다. 노드 명령이나 
             쉘 스크립트  를 적어주면 된다.  
             현재 기본적으로 test 가 정의 되어있는데 해당 package.json 이 있는 폴더에서 
             npm run test 를 실행하면 Error: no test specified 라는 콘솔 메시지가 나타날 것 이다. 
"author" : 해당 모듈의 제작자를 정의한다.
"liecnse" : 해당 모듈의 라이센스를 정의한다.
"dependencies" : 일반적으로 package.json 에 가장 많은 정보가 입력되는 곳 이며 여기서 모듈의 의존성을 
                       정의 한다. 현재 아까 설치한 express 가 지정 되어있고 해당 모듈이름과 버전을  키 : 값 의 
                       형식으로 정의 되어있다.  여기서 추가로 모듈을 설치하고자 한다면 패키지이름 : 값  의 
                       형식으로 적어주면 된다. 
"devDependencies" : 해당 모듈의 실행에 필요한 또는 개발에 필요한 모듈의 의존성을 입력하는 곳 이다. 
}

package.json를 이용하여 모듈설치
package.json파일이 있는 곳에서 npm install을 입력
node_modules라는 폴더에 모듈이 설치됨


설치된 모듈확인
지역:npm ls
전역:npm ls -g --depth=0



'백엔드개발 > NODEJS' 카테고리의 다른 글

npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
exports과 module.exports 차이 그리고 관계  (0) 2017.11.05
Restful API 서버를 만들기 위한 Nodejs 개발환경 Intellij 설정  (0) 2017.11.05
Trackback: Comment:

Restful API 서버를 만들기 위한 Nodejs 개발환경 Intellij 설정

Posted by HULIA(휴리아)
2017. 11. 5. 12:50 백엔드개발/NODEJS
1. nodejs 설치
https://nodejs.org/

2. nodejs 개발툴 설치
에디터 계열의 sublimetext, atom 이나
개발툴 계열의 webstorm, intellij 
중에 하나를 설치하도록 한다

2-1. node 모듈을 설치할 디렉토리 만들기(만들고 나서 npm init)
2-2. express 모듈 설치
npm install express
2-3. express  generator(express 프로젝트 기본구조 만들어 준다)
npm install express-generator
2-4. express 프로젝트명
2-5. npm install

일반적으로 개발툴을 이용하는 이유는 프로젝트 구성을 어느정도 해주기 때문이다
웹스톰과 인텔리j에서는 2-1과 2-2의 과정을 알아서 해준다
** 저는 인텔리J를 이용하였습니다(기본적으로 nodejs 플러그인이 설치되어 있으며 express 프로젝트 구조를 자동으로 만들어 줌)


3. 인텔리J에서 express프로젝트 최초 구동
bin/www.js에서 run을 실행시킴

3-1. node .\bin\www 또는 npm start


4. 웹페이지에서 페이지 확인
http://localhost:3000 웹페이지 확인


5. express 프로젝트 구조
express(프로젝트명)
-bin(웹서버관련)
-node_modules(설치된 모듈관련)
-public(images, javascript, sytlesheets가 존재하는 부분)
-routes(URL을 요청 받으면 실행되는 객체)
-views(URL요청이 결과물로 리턴되는 페이지의 구성하는 객체-템플릿 엔진관련 파일이 존재하는 곳)
-app.js(웹서버를 구동시킬 때 이용하는 파일-모듈을 로딩해주는 객체)
-package.json(의존성 모듈관리)




'백엔드개발 > NODEJS' 카테고리의 다른 글

npm install 명령어 해야하는 위치  (0) 2020.10.13
node 실행시 import 구문 사용 안될때  (0) 2020.10.13
npm -g 옵션으로 설치시에 폴더위치  (0) 2018.04.23
exports과 module.exports 차이 그리고 관계  (0) 2017.11.05
Npm이란과 명령어 정리  (0) 2017.11.05
Trackback: Comment:

티스토리툴바