강디너의 개발 일지

번역기 플러그인을 만들고... vscode 를 쓰는 사람들은 대부분 ? 개발자니깐... 어떤 영어를 번역하는지 보고싶었다. 보려면 DB가 필요한데... 항상 켜져있어야하고... 흐음.. 하다가 찾은게 파이어베이스 !vscode 가 electron 기반이라고 듣고 electron 은 node 기반이니깐 firebase node 쪽을 써보면 되겠다 ! 싶어서 개발 착수 ...! 가이드를 보며 열심히 따라 했다. node 쪽은 admin(관리자) 로 개발 해야하며, 가이드가 너무 잘나와있어서 막 오랜시간 삽질을 안했다. 여기서 serviceAccount 는 구글에서 json 파일을 준다. 그곳에 API 키라든지 토큰이라든지 등등.. 중요한건 다들어가있다. db에 translate 라는 큰 가지를 만들고그 아래..

Vscode Extension (플러그인) 만들기_4 본격적으로 코드를 직접 수정해볼껍니다. 참고 자료https://github.com/sculove/translator/blob/master/src/extension.ts 위의 코드를 보면서 작성하며 익혔습니다. 1. 선택한 텍스트 정보 얻기2. 선택한 텍스트를 번역? 할 준비하기 'use strict'; import { window as vswindow, commands, ExtensionContext, Range, } from 'vscode'; export function activate(context: ExtensionContext) { console.log('Congratulations, your extension "hello-world" is n..

Vscode Extension (플러그인) 만들기_3 저번 markdown 파일에서 업그레이드 버전입니다.단어수 체크할 때 Hi 를 계속 호출하기 귀찮으니자동으로 체크해주는 코드입니다. 우선 클래스를 하나 만들어 주고.. class WordCounterController { private _wordCounter: WordCounter; private _disposable: Disposable; constructor(wordCounter: WordCounter) { this._wordCounter = wordCounter; // subscribe to selection change and editor activation events let subscriptions: Disposable[] = []; win..

Vscode Extension (플러그인) 만들기_2 MD 파일의 문자 개수 측정하는 플러그인 예제 vscode page -> https://code.visualstudio.com/docs/extensions/example-word-count 우선 다시 폴더를 만들어주시고 extesion.ts 함수입니다. 계속 Hello World 만 쳐야 하는게 싫어서 Hi 로 바꿔봤습니다. // The module 'vscode' contains the VS Code extensibility API // Import the module and reference it with the alias vscode in your code below import { window, commands, Disposable, Exten..

Vcode Extension 만들기(플러그인 만들기) 어떤 발표자료를 보고.. 함수이름 만들때 번역기를 자주가는 나를 마주치고 결심했다.영어못하는 나를 위하여 번역 플러그인을 만들기로...만들려고 조사좀 해보니 이미 하나가 만들어져있.....ㅠ(제꺼 아녀요)https://marketplace.visualstudio.com/items?itemName=sculove.translator#overview 고수님들이 이미 만들어 놓으셔서..내 수준에 맞게 만들어 보려고 한다. 우선 vscode 에서 지원하는 extension 만드는 예제 따라하기 (이게 제목인가) vscode 공식 홈페이지https://code.visualstudio.com/docs/extensions/example-hello-world 사진에는..