Posts

Showing posts with the label 블로그포스팅 설명서

[nJo2] markdown blogPosting for vsce의 구매정보 등록 방법

Image
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 Visual Studio Code 의 익스텐션인 [nJo2] markdown blogPosting for vsce 로 블로그에 글을 쓰기 위해서는 제품을 구매하고 획득한 Product ID와 CODE를 제품에 등록/설정을 해야 합니다. 그 설정하는 방법은 아래와 같습니다. 1. 구매하기 [구매자] 판매 사이트에 접속을 합니다. https://shop.njo2.com 접속하기 ▲ 상품 중 VScode Markdown으로 Blogger 글쓰기 또는 VScode Markdown으로 Tistory 글쓰기 를 선택하고 구매 합니다. [구매자] 입금을 합니다. 구매를 하면 MY > 구매리스트 에 구매 목록과 입금 요청 화면이 표시됩니다. 무통장입금 또는 QR코드로 카카오페이나 토스 를 통해 해당 금액을 입금합니다. [판매자] 입금확인 완료 판매자가 입금을 확인하고 입금확인 완료 처리를 합니다. 입금확인은 자동으로 이루어지지 않고 수동으로 확인 후 확인완료를 하기 때문에 시간이 다소 소요될 수 있습니다. 판매자가 입금확인을 하면 구매확정 이 됩니다. 구매 리스트에서 상품 구매 ID를 확인 할 수 있습니다. 구매 리스트에서 상품 구매 CODE를 확인 할 수 있습니다. 이 정보는 아래에 등록을 해야 하므로 잘 확인하셔야 합니다. 2. 다운로드 받기 판매자가 입금 확인을 하면 이제 해당 소프트웨어를 다운로드 받을 수 있습니다. MY > 다운로드 메뉴에 들어가서 구매한 패키지를 선택하면 하단에 다운로드 버튼 이 있습니다. 버전별로 다운로드 할 수 있으며 가능한 최신버전을 다운로드를 받습니다. 3. 설치하기 다운로드 받은 파일은 njo2-vsce-md-blogposting-xxxxx-xxxx.vsix 식으로 확장자가 .vsix 로 되어 있습니다. 이파일 포맷은 Visual studio code 의 익스텐션 설

Tistory API 생성하는 방법

Image
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 티스토리에 원격으로 글을 쓰기 위해서는 API를 사용해야 하는데 그냥 API를 사용하는것이 아니라 티스토리 측에 API를 사용하겠다고 승인을 받아야만 사용이 가능합니다. 여기서는 티스토리 API를 승인받는 방법에 대해서 작성을 하려고 합니다. 일단 티스토리에 가입이 되었다는 가정입니다. 티스토리 API 신청하기 로그인을 먼저 합니다. 티스토리 화면의 하단 Footer영역에 보면 오픈API라는 메뉴가 있는데 이 메뉴를 클릭합니다. 오픈API URL : https://www.tistory.com/guide/api/manage/register 앱등록 먼저 오픈 API를 사용하겠다는 요청을 아래와 같이 해야 합니다. 약관동의를 합니다. 서비스명은 임의로 작성하면 됩니다. 설명도 임의로 작성하면 됩니다. 서비스형태는 PC에서 사용할 것이므로 PC애플리케이션 을 선택합니다. 글을 작성할 것이므로 읽기.쓰기 를 선택합니다. CallBack는 승인이 이루어진 정보를 받을 위치를 작성하면 되는데 여기서는 http://localhost:5000/callback 로 적으시면 됩니다. 등록 을 하면 신청이 완료 됩니다. 그러면 아래와 같이 App ID와 Secret Key를 발급받게 됩니다. 그러면 이 ID와 Key를 설치한 프로그램에 등록을 하면 됩니다. 컨텐츠가 있는 폴더에서 1. Init 를 실행시켜 생긴 config-tistory.js 파일에 등록을 합니다. 한번 등록을 하면 이정보로 티스토리에서 토큰을 받아 올 수 있습니다. ※ 한번에 많은양의 글을 API를 통해 등록할 경우 티스토리 시스템이 자동으로 블로그의 API 사용을 차단하니 올바르게 사용해야 합니다.

Google Blogger API 생성하는 방법

Image
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 Blogger에 원격으로 글을 쓰기 위해서는 API를 사용해야 하는데 그냥 API를 사용하는것이 아니라 Google Blogger 측에 API를 사용하겠다고 승인을 받아야만 사용이 가능합니다. 여기서는 Blogger API를 승인받는 방법에 대해서 작성을 하려고 합니다. Blogger 가입하기 일단 먼저 Blogger에 가입을 해야 합니다. https://blogger.com 에 접속을 하고 가입을 합니다. 아래에 블로그 이름을 작성하고 Blogger을 생성합니다. Blogger API에 대한 설명이므로 Blogger에는 가입했다고 치고 다음 설명으로 넘어가겠습니다. ^^ Blogger API 신청하기 Blogger API를 신청한다고는 했지만 사실 Google API를 이용해서 Blogger를 사용한다고 하는 것이 더 맞는 말일것 같습니다. API를 사용하기 위해서는 Google Cloud Platform 에 접속을 해서 API를 신청해야 합니다. 1. Google Cloud Platform에서 프로젝트 생성 https://console.cloud.google.com 접속하기 Cloud Platform에서 프로젝트를 하나 생성합니다. 좌 상단의 프로젝트 리스트를 클릭합니다. 새로운 창의 우측 상단의 새 프로젝트 를 선택해서 프로젝트를 만듧니다. 새 프로젝트를 등록하는 창이 나옵니다. 저는 test-blogger 라고 만들어 봤습니다. 이름은 마음대로 작성하면 됩니다. OAuth 동의화면 만들기 OAuth를 사용할 예정이기 때문에 먼저 OAuth 동의 화면부터 만드는 것이 좋습니다. 좌측메뉴에서 OAuth 동의 화면 메뉴를 선택합니다. OAuth 동의화면에서 외부 를 선택합니다. 만들기 를 선택합니다. 1. OAuth 동의화면 이것이 무슨 앱인지, 누가 개발자인지 알려주는 정보입니다. OAu

config-tistory.js 설정파일 작성 방법 - [nJo2] markdown blogPosting tistory-blogger for vsce

Image
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 [nJo2] markdown blogPosting xxxxx for vsce 을 설치하게 되면 아래 1개 또는 2개의 파일에 대해 설정을 해줘야 합니다. .vscode > config-tistory.js : 티스토리에 대한 설정을 하는 파일 .vscode > config-blogger.js : 구글 블로거에 대한 설정을 하는 파일 이 중에 이 포스팅에서는 .vscode > config-tistory.js 설정에 대해서 자세히 설명을 하려고 합니다. 먼저 아래의 전체 코드를 보여드리고 하나씩 부분 부분 설명을 하도록 하겠습니다. 전체 코드 // config-tistory.js module.exports = { /************************************************************************************************ * 등록방법은 다음 포스팅을 확인해 주세요. * * https://ux.stories.pe.kr/ ************************************************************************************************ * TISTORY API에서 CLIENT_ID와 CLIENT_SECRET를 찾아서 작성합니다. * * */ TISTORY_CLIENT_ID: "", // 예> "fsd

config-blogger.js 설정파일 작성 방법 - [nJo2] markdown blogPosting tistory-blogger for vsce

Image
[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기 [nJo2] markdown blogPosting for vsce 을 설치하게 되면 아래 1개 또는 2개의 파일에 대해 설정을 해줘야 합니다. .vscode > config-blogger.js : 구글 블로거에 대한 설정을 하는 파일 .vscode > config-tistory.js : 티스토리에 대한 설정을 하는 파일 이중에 이 포스팅에서는 .vscode > config-blogger.js 설정에 대해서 자세히 설명을 하려고 합니다. 먼저 아래의 전체 코드를 보여드리고 하나씩 부분 부분 설명을 하도록 하겠습니다. 전체 코드 // config-blogger.js module.exports = { /************************************************************************************ * 등록방법은 다음 포스팅을 확인해 주세요. * * https://ux.stories.pe.kr/275 ************************************************************************************ * Blogger API에서 CLIENT_ID와 CLIENT_SECRET를 찾아서 작성합니다. * * */ BLOGGER_CLIENT_ID: "", // 예> "8d43565dghhjgkyioyijhgjgiouuigleusercontent.com", BLOGGER_C