Scratch 3.0을 Hack하자. scratch-gui를 설치해 봅시다.
5358 단어 Scratch
이미 빌드된 것이 공개되었습니다.
htp // lk. 기주 b. 이오 / sc 등 tch-gui
Scratch2.0에 가까운 User Interface군요.
출처는 다음 위치에 게시됩니다.
htps : // 기주 b. 코 m / lK / sc 등 tch-gu
Readme를 읽어보세요
먼저 Readme를 읽어 보겠습니다.
htps : // 기주 b. 이 m/lK/sc등 tch-구이/bぉb/로 ゔぇぉp/레아 D메. md
영어가 좋지 않다면 Google 번역을 통과하는 것도 좋습니다.
https://translate.googleusercontent.com/translate_c?depth=1&hl=ko&rurl=translate.google.com&sl=en&sp=nmt4&tl=ko&u=https://github.com/LLK/scratch-gui/&usg=ALkJrhgCo73t3QS_NI3Pa
React Component로 작성되었습니다.
React Component 로서 만들어지고 있다고 쓰여져 있습니다.
htps // 엔.ぃきぺぢ아. 오 rg / うぃき / 레아 ct_
React Component는 최근 유행 ReactJS 라이브러리의 일부 중 하나입니다.
Scratch-gui의 코드를 읽으면 현대적인 JavaScript를 작성하는 방법을 배울 수 있습니다.
Github 페이지로 둘 수 있는 만들기가 되어 있다
Github 페이지( htps : // 퍼지 s. 기주 b. 코m/ )로서 출력할 수 있다고 써 있습니다.
Github 페이지는 github에 넣은 Html과 CSS와 JavaScript로 웹 페이지를 만드는 기능입니다.
서버 측에서 동적으로 변화하는 것이 아니라 정적 웹 페이지를 출력한다는 것입니다.
과연, scratch-vm ( htps : // 기주 b. 코 m / lK / sc 등 tch-vm ) 때와
마찬가지로 Android 앱이라든지 할 수 있을 것 같네요!!
NPM으로 설치할 수 있습니다.
마지막으로 npm에서 packge를 알레 콜하는 방법을 시도했습니다.
scratch-gui는 npm package로 만들어졌습니다.
npm install에서 설치할 수 있습니다.
움직여 보자.
npm init -f
npm install https://github.com/LLK/scratch-gui.git
cd node_modules/scratch-gui/
npm install
npm start
> [email protected] start /Users/kyorohiro/devDojo/scratch/w/ww/node_modules/scratch-gui
> webpack-dev-server
Project is running at http://0.0.0.0:8601/
webpack output is served from /
Content not from webpack is served from /Users/kyorohiro/devDojo/scratch/w/ww/node_modules/scratch-gui/build
webpack: wait until bundle finished: /
무사히 동작시킬 수 있었습니다.
Add Sprite 버튼을 누르면
평소 화면이 나오면 Scratch2.0 Project처럼 취급할 수 있습니다.
htps : // sc 등 tch. 미 t. 에즈/
다음 번
계속
PS
이하의 장소에서도, 알레코레 써 갑니다.
Scratch3.0 자신 전용기를 만들자!! (0)
Scratch3.0 자신 전용기를 만들자!! (1) Scratch3.0을 빌드해 보자
Scratch3.0 자신 전용기를 만들자 !! (2) Scratch3.0을 Android 앱으로 작동하자 (1)
Scratch 3.0 자신 전용기를 만들자 !! (3) Scratch3.0을 Android 앱으로 작동하자 (2)
Scratch 3.0 자신 전용기를 만들자 !! (4) Scratch3.0을 Android 앱으로 작동하자 (3)
Scratch 3.0 자신 전용기를 만들자!! (5) Webpack이란)
Scratch 3.0 자신 전용기를 만들자 !! (6) Scratch3.0의 package.json을 읽어 보자
Scratch 3.0 자신 전용기를 만들자!! (7) scratch-gui 를 설치해 보자
불의 형태 With Scratch 2.0 (프로그램 입문) 00권
불의 형태 With Scratch 2.0 (프로그램 입문) 01권
화염 유형 With Scratch 2.0 (게임 프로그램 시작)
Reference
이 문제에 관하여(Scratch 3.0을 Hack하자. scratch-gui를 설치해 봅시다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kyorohiro/items/19c1193d5c9d4708529b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npm init -f
npm install https://github.com/LLK/scratch-gui.git
cd node_modules/scratch-gui/
npm install
npm start
> [email protected] start /Users/kyorohiro/devDojo/scratch/w/ww/node_modules/scratch-gui
> webpack-dev-server
Project is running at http://0.0.0.0:8601/
webpack output is served from /
Content not from webpack is served from /Users/kyorohiro/devDojo/scratch/w/ww/node_modules/scratch-gui/build
webpack: wait until bundle finished: /
무사히 동작시킬 수 있었습니다.
Add Sprite 버튼을 누르면
평소 화면이 나오면 Scratch2.0 Project처럼 취급할 수 있습니다.
htps : // sc 등 tch. 미 t. 에즈/
다음 번
계속
PS
이하의 장소에서도, 알레코레 써 갑니다.
Scratch3.0 자신 전용기를 만들자!! (0)
Scratch3.0 자신 전용기를 만들자!! (1) Scratch3.0을 빌드해 보자
Scratch3.0 자신 전용기를 만들자 !! (2) Scratch3.0을 Android 앱으로 작동하자 (1)
Scratch 3.0 자신 전용기를 만들자 !! (3) Scratch3.0을 Android 앱으로 작동하자 (2)
Scratch 3.0 자신 전용기를 만들자 !! (4) Scratch3.0을 Android 앱으로 작동하자 (3)
Scratch 3.0 자신 전용기를 만들자!! (5) Webpack이란)
Scratch 3.0 자신 전용기를 만들자 !! (6) Scratch3.0의 package.json을 읽어 보자
Scratch 3.0 자신 전용기를 만들자!! (7) scratch-gui 를 설치해 보자
불의 형태 With Scratch 2.0 (프로그램 입문) 00권
불의 형태 With Scratch 2.0 (프로그램 입문) 01권
화염 유형 With Scratch 2.0 (게임 프로그램 시작)
Reference
이 문제에 관하여(Scratch 3.0을 Hack하자. scratch-gui를 설치해 봅시다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kyorohiro/items/19c1193d5c9d4708529b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이하의 장소에서도, 알레코레 써 갑니다.
Scratch3.0 자신 전용기를 만들자!! (0)
Scratch3.0 자신 전용기를 만들자!! (1) Scratch3.0을 빌드해 보자
Scratch3.0 자신 전용기를 만들자 !! (2) Scratch3.0을 Android 앱으로 작동하자 (1)
Scratch 3.0 자신 전용기를 만들자 !! (3) Scratch3.0을 Android 앱으로 작동하자 (2)
Scratch 3.0 자신 전용기를 만들자 !! (4) Scratch3.0을 Android 앱으로 작동하자 (3)
Scratch 3.0 자신 전용기를 만들자!! (5) Webpack이란)
Scratch 3.0 자신 전용기를 만들자 !! (6) Scratch3.0의 package.json을 읽어 보자
Scratch 3.0 자신 전용기를 만들자!! (7) scratch-gui 를 설치해 보자
불의 형태 With Scratch 2.0 (프로그램 입문) 00권
불의 형태 With Scratch 2.0 (프로그램 입문) 01권
화염 유형 With Scratch 2.0 (게임 프로그램 시작)
Reference
이 문제에 관하여(Scratch 3.0을 Hack하자. scratch-gui를 설치해 봅시다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kyorohiro/items/19c1193d5c9d4708529b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)