Posts

Showing posts with the label Markdown

[VScode 익스텐션] Visual Studio Code에서 클립보드에 저장된 Image 붙혀넣기 - Paste Image

Image
마크다운(Markdown)으로 글쓰기를 할 때 이미지 붙여넣기에 대해 매우 유용한 익스텐션이 있어서 소개해 드릴게요. 캡처 프로그램으로 캡처를 하고 바로 마크다운 문서에 붙여넣기 하면 바로 이미지가 반영이 되고 이미지는 별도의 폴더에 저장이 되도록 구성되어 있어요. [Extension] Paste Image 이미지를 클립보드에서 마크다운/asciidoc(또는 다른 파일)로 붙여넣기를 할 수 있어요. Paste Image 설정하기 Paste Image를 몇 가지 설정하면 나에게 맞게 커스터 마이징 할 수 있어요. 모든 부분을 설명하기는 어렵고, 간단하게 몇 가지 설정하는 방법입니다. Base Path : 기본이 되는 폴더의 경로입니다. 입력값은 ${currentFileDir} 및 ${projectRoot} 입니다. ${currentFileDir} : 현재 편집 파일이 있는 디렉터리의 경로 ${projectRoot} : vscode에서 열린 프로젝트의 경로 Default Name : 기본 이미지 파일 이름입니다. 입력값은 moment library 의 날짜 형식을 따라 지정할 수 있습니다. 자세한 내용은 아래 경로를 참고하세요. Paste Image 익스텐션 바로 가기 Paste Image 사용하기 설정이 되었다면 사용하는 방법은 간단해요. 일단 클립보드에 이미지가 복사되어 있다는 가정입니다. 그 상태에서..... Ctrl + Alt + v 버튼을 동시에 클릭하면 설정된 위치에 클립보드에 있던 실제 이미지가 저장이 되고, 문서(markdown)에는 이미지 삽입 코드가 작성이 됩니다. 힌트!! : Ctrl + Alt + v 버튼을 누를 때 글자를 선택하고 버튼을 누르게 되면 해당 글자가 파일명으로 지정이 됩니다. Paste Image 익스텐션 바로 가기

[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...

njo2_vsce_blogposting 소개

Image
The Buggles의 video killed the radio star ~~ 라는 노래가 생각납니다. 유튜브에 밀려 블로그 포스팅이 점차 설자리를 잃어가고 있으나 그래도 아직도 라디오가 존재하듯 상당 기간 글로 이루어진 블로그도 존재할 것입니다. 티스토리 블로깅을 하시는 분들이라면 요즘 티스토리의 움직임이 너무 없어서 다들 티스토리의 안위가 걱정이 되실텐데요. 네이버로 옮겨야 하나? 구글 블로거로 옮겨야 하나?... 고민이 많으실것 같습니다. 네이버는 유입량은 많으나 애드센스를 못달고, 블로거는 애드센스를 달 수는 있으나 사용법이 너무 불친절하고... 이런 불안함 속에서 최선의 방법은 일단 블로그를 운영하면서 최대한 내 컨텐츠를 확보하고 보호하자 였습니다 또한 더불어 편하게 컨텐츠를 등록하자 였습니다. 컨텐츠만 있으면 나중에 어떻게든 후일을 도모할 수 있으닌까요. 이러한 목적으로 Visual Studio Code 의 익스텐션을 개발하게 되었습니다. VS Code의 익스텐션을 사용하여 마크다운(Markdown)으로 작성된 글을 블로그에 포스팅하는 제품은 총 3가지가 있습니다. njo2_vsce_blogposting_blogger njo2_vsce_blogposting_tistory njo2_vsce_blogposting_tistory-blogger 이름에서도 알수 있듯이 njo2_vsce_blogposting_blogger 는 구글 블로거(blogger, blogspot)에 글을 포스팅할 수 있고 njo2_vsce_blogposting_tistory 은 티스토리에, njo2_vsce_blogposting_tistory-blogger 은 블로거와 티스토리에 동시 발행을 할 수 있습니다. njo2_vsce_blogposting 기본 툴은 Microsoft에서 무료로 배포하고 있는 텍스트에디터인 Visual Studio Code .. 일명 VSCode 를 사용있습니다. 여기에 익스텐션을 설치하여 티스토리와 구글 블로거 API를 통해 발행 할...