web (9) Electron 웹 페이지를 BrowserWindow에 로딩하는 방법 Electron에서 BrowserWindow는 로컬 HTML 파일이나 원격 웹 주소에서 로드할 수 있는 웹 페이지를 표시한다. index.html index.html을 만들어 로컬 파일을 로드해 보자.이제 웹 페이지가 있으니 main.js를 수정하여 Electron BrowserWindow에 로드할 수 있습니다. main.jsBrowserWindow를 생성하고 종료할 수 있게 수정한다. 실행 Electron 시작하기 Electron은 JavaScript, HTML, CSS를 사용하여 데스크톱 애플리케이션을 빌드하기 위한 프레임워크이다.※ Windows WSL 사용에 주의하자. 애플리케이션을 실행할 때 문제가 발생할 수 있다. https://www.electronjs.org/docs/latest Introduction | ElectronWelcome to the Electron documentation! If this is your first time developing an Electron app, read through this Getting Started section to get familiar with the basics. Otherwise, feel free to explore our guides and A.. Emscripten Embind(C++ 함수를 JavaScript에 바인딩) React에 적용하기 React 앱에 Emscripten Embind lerp 예제 적용lerp.js, lerp.wasm 만들기https://nowoodeel.tistory.com/51 Emscripten Embind(C++ 함수를 JavaScript에 바인딩) 사용해 보기Embind는 C++ 함수와 클래스를 JavaScript에 바인딩해서 사용할 수 있다.자세한 예제https://github.com/emscripten-core/emscripten/tree/main/test/embind emscripten/test/embind at main · emscripten-core/emscriptenEmscripten: An LLVM-to-nowoodeel.tistory.com PowerShell을 실행하고 lerp-example r.. Emscripten Embind(C++ 함수를 JavaScript에 바인딩) 사용해 보기 Embind는 C++ 함수와 클래스를 JavaScript에 바인딩해서 사용할 수 있다.자세한 예제https://github.com/emscripten-core/emscripten/tree/main/test/embind emscripten/test/embind at main · emscripten-core/emscriptenEmscripten: An LLVM-to-WebAssembly Compiler. Contribute to emscripten-core/emscripten development by creating an account on GitHub.github.com 간단한 예제EMSCRIPTEN_BINDINGS() 블록을 사용하여 C++ lerp() 함수를 JavaScript에 노출한다.// ler.. React Creating a New Application https://github.com/facebook/create-react-app GitHub - facebook/create-react-app: Set up a modern web app by running one command.Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.github.com my-app 만들기create-react-app를 사용한다.npx create-react-app my-appcd my-appnpm start React 시작하기 Hello, world!ReactDOM.render( Hello, world!, document.getElementById('root')); 온라인 플레이그라운드CodePenhttps://ko.legacy.reactjs.org/redirect-to-codepen/hello-world https://ko.legacy.reactjs.org/redirect-to-codepen/hello-worldRedirecting to Codepen...ko.legacy.reactjs.org CodeSandboxhttps://codesandbox.io/s/new React - CodeSandboxReact example starter projectcodesandbox.io StackBlitzhttps://stackbli.. Docker image로 Emscripten SDK(emsdk) 설치 하기 Emscripten은 C/C++ 코드와 같은 네이티브 프로그램을 웹에서 실행할 수 있는자바스크립트로 변환해 주는 오픈 소스 컴파일러.Emscripten은 WebAssembly(Wasm) 또는 자바스크립트(JavaScript)로 컴파일된 코드가 웹 브라우저에서 실행되도록 해주고 이를 통해 기존의 네이티브 프로그램을 웹 환경으로 손쉽게 포팅 할 수 있다. Docker image로 emsdk 설치하기Debian 배포판 터미널에서 작업한다.(Linux) 1. docker 설치(선택)sudo apt install docker.io 2. docker pull 명령으로 emsdk(최신버전) 설치docker pull emscripten/emsdk:latest 3. docker images 명령으로 emsdk 설치 확.. 티스토리 블로그를 검색 사이트(네이버, 구글)에 등록하기 네이버 웹마스터 도구 https://searchadvisor.naver.com/console/board [네이버: 로그인] 안전한 로그인을 위해 주소창의 URL과 자물쇠 마크를 확인하세요! nid.naver.com 구글 검색 콘솔 https://search.google.com/search-console Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 사이트에서 직접 처리해도 되지만 티스토리의 관리 화면에서 [플러그인] Google Search Console을 사용한다. 메타 태그 등록 방법 티스토리의 관리 화면.. 이전 1 2 다음 목록 더보기