티스토리

올빼밋의 개발창고

검색하기

블로그 홈

올빼밋의 개발창고

olppaemmit.tistory.com/m

올빼밋. 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[TOY] React+Spring+DB 연결해서 사용하기 개인 프로젝트를 진행하려고 한다. 이번에 만든 프로젝트의 환경 세팅은 어떤식으로 했는지 기록하기 위해 포스팅한다. 목차 1. 프로젝트 환경 2. 폴더구조 3. 환경세팅 방법 1. 프로젝트 환경 Front: React + TypeScript Back: Spring boot DB: MariaDB 2. 폴더 구조 파일 (Spring initializr로 생성한 파일) ㄴ Front (React - 따로 추가해야함) ㄴ Back (Spring - Spring initializr로 생성했으면, 따로 생성할 필요가 없음) 3. 환경 세팅 1) Spring initializr 세팅 Maven과 Gradle 중 Gradle을 택한 이유 : https://olppaemmit.tistory.com/217 Spring bo.. 공감수 1 댓글수 0 2023. 1. 13.
[TOY] VScode Extension 만들기(4) - 코딩하는 고양이[test] ▶ package.json ▶ extension.ts 더보기 extension.ts import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { console.log('Congratulations, your extension "catCoding" is now active!'); context.subscriptions.push(vscode.commands.registerCommand('catCoding.start', () => { vscode.window.showInformationMessage('I am coding, meow~'); CatCodingPanel.createOrShow(context.. 공감수 0 댓글수 0 2022. 6. 22.
[TOY] VScode Extension 만들기(3) - Extension Manifest 명령 팔레트에서 Hello World가 아닌, toDoList로 검색하도록 변경하기 1. package.json 파일 찾기 2. Activation Events 과 Contribution Points 수정 activationEvents: [onCommand : ...] 명령이 호출될 때마다 해당 확장이 활성화된다. contributes: [commands: [{comman : ...}]] 명령 팔레트에서 명령이 호출되면, activationEvents: [onCommand: ...] 를 호출한다. contributes: [commands: [{title : ...}]] 카테고리에 사용되는 표제 3. extension.js 파일 수정 4. 명령팔레트에서 실행 및 확인 참고 사이트 : https://code.. 공감수 1 댓글수 0 2022. 6. 21.
[TOY] VScode Extension 만들기(2) - 메시지 변경 https://olppaemmit.tistory.com/143 [토이 프로젝트] VScode Extension 만들기(1) - 환경 세팅 및 프로젝트 생성 1. 환경 세팅 Node.js (https://nodejs.org/en/) Git (https://git-scm.com/) Yeoman (https://yeoman.io/) npm install -g yo VS Code Extension Generator (https://www.npmjs.com/package/generator-code) npm.. olppaemmit.tistory.com 이전에, 프로젝트 생성 확인을 위해 명령 팔레트에 작성한 Hello World에서 Hello World from toDoList! 라는 메시지가 떴다. 그 메시지를 .. 공감수 0 댓글수 0 2022. 6. 21.
[TOY] VScode Extension 만들기(1) - 환경 세팅 및 프로젝트 생성 1. 환경 세팅 Node.js (https://nodejs.org/en/) Git (https://git-scm.com/) Yeoman (https://yeoman.io/) npm install -g yo VS Code Extension Generator (https://www.npmjs.com/package/generator-code) npm install -g yo generator-code 2. 프로젝트 생성 yo code 3. 실행 확인 F5 > Shift + Command + P > Hello World > enter 참고 사이트 : https://code.visualstudio.com/api/get-started/your-first-extension Your First Extension Cre.. 공감수 0 댓글수 0 2022. 6. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.