백공소

native modules를 프로젝트에서 사용하려면 visual studio를 설치하거나, windows build tools를 설치해야 한다. 그렇지 않으면 빌드 자체가 안되고, packaging은 당연히 불가능하다. 2013 - https://www.microsoft.com/ko-kr/download/details.aspx?id=40760 Download Microsoft Build Tools 2013 from Official Microsoft Download Center 중요! 아래에서 언어를 선택하면 전체 페이지 내용이 해당 언어로 신속하게 변경됩니다. 독일어러시아어스페인어영어이탈리아어일본어중국어(간체)중국어(번체)프랑스어한국어 다운로드 Build www.microsoft.com 2015 - ht..

웹 개발자라면 보통 FFI나 serialport 등에 대해서 다룰 일이 많지 않거나, 다룰 일이 없는 경우가 대부분이지 않을까. 그렇지만 하드웨어와 관련된 작업을 한다면, 수단과 방법을 가리지 않고 하드웨어와 연결하고 요청/응답을 어떻게든 구현해야겠지. 보통 제조사에서 제공하는 SDK에는 JavaScript가 없다고 봐야 한다. 만약 있더라도 jQuery나 OCX를 이용해서 예제를 보여주는 경우만 있다. 일반적으로 Web + Hardware라고 하면 Webcam을 이용한 프로젝트 등으로 접하는 경우가 많고, 산업 장비나 모듈 등을 붙이는 경우는 특수한 경우 이외에는 생각하지 않는다. 과제는 던져지고, Electron에 현실 세계의 하드웨어를 붙이기 위해서 serialport나, ffi, 그 외 nativ..

Electron is a framework for building desktop applications using JavaScript, HTML, and CSS. By embedding Chromium and Node.js into its binary, Electron allows you to maintain one JavaScript codebase and create cross-platform apps that work on Windows, macOS, and Linux — no native development experience required. [출처] https://www.electronjs.org/docs/latest Electron은 내가 2020년 말, 2021년 1분기 부터 사용해온 데..

React Native로 넘어가기 위해서, https://reactnative.dev/docs/environment-setup 에서 소개한 대로 Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev choco install -y nodejs.install openjdk8 을 명령 프롬프트에 쳤더니... 만약 기존에 Android Studio를 설치하고 쓰고 있었는데 이런 에러를 볼 수 있었다. Start Failed... 잘 쓰던 Android Studio는 어디로 가고 Error만 뿜는다. 속을 뒤집어 버리..

최근 React Router를 이용하여 라우팅을 해주고 있는데, history.push를 썼는데 URL만 변경되고 렌더링이 안된다. history package의 버전이 달라서 그런 경우도 있겠으나... history.push not working when using BrowserRouter · Issue #4059 · remix-run/react-router startup file import {BrowserRouter} from 'react-router'; let root= //Some components ReactDOM.render(Root, document.getElementById("app"... github.com 나와 같은 고민을 하시는 분들의 해결법은, BrowserRouter가 histo..

React Router 5.2.0 버전을 사용 중인데, history package의 버전이 5.0.0으로 달라서 생기는 문제. yarn remove history로 history 5.0.0 버전을 지운 후, yarn add history@4.10.1을 쳐서 history 4.10.1 버전을 설치해준다. history.push is changing url but not rendering component in react I am facing a problem with react history.push . The logic of my code is, when the API call completes, if the login status in response is false, I want to push to..

Material-UI: A component is changing the controlled checked state of SwitchBase to be uncontrolled. 이런 에러를 본 적이 있는가? 체크박스를 여러 개 만든 후, value array에 있는 값을 각각 넘겨주었다. 초기 render를 할 땐 문제가 없다. value는 개발자가 초기 render를 할 때 무조건 있도록 만들었을 것이다. 그런데, 이후 사용자의 행동으로 value가 없어진다면 위와 같은 에러가 발생한다. value가 없으면 checked의 값은 뭘까? 위의 Error에서 나타내고 있다. undefined가 반겨줄 것이다. checked에 undefined가 넘겨지지 않도록 value가 없을 경우 false를 던져주면..

Warning: A component is changing an uncontrolled input to be controlled. 이런 에러를 본 적이 있는가? Material-UI를 쓰면서 Input에 있는 prop중에서 value prop에 옳지 않은 값이 들어갔을 경우 이렇게 표시된다. 보통 위와 같은 에러가 뜨는 경우는 Input에 undefined일 수도 있는 값을 넣으면 뜬다.

혼자 공부하는 개발자로서, 구글에서 웹 관련 튜토리얼을 보다보면 HTTP request를 처리할 때 JavaScript library 중 Axios를 사용하는 것을 많이 봅니다. 왜 다들 Axios를 사용해서 하는 지 궁금한 참에 더 알아보기로 하였습니다. Axios? 그게 뭔데? Axios는 node.js 로 부터 HTTP request 를 만들거나, ES6 Promise API를 지원하는 브라우저로 부터 XMLHttpRequest 를 만들기 위해 사용하는 JavaScript library이다. fetch() 를 개선하는데에 초점을 맞춘 Axios. fetch() 는 JSON 데이터를 처리할 때 2단계를 거칩니다. 초기에 request를 보내고, 실제 data object를 받으려면 response를 ..

CMD에서 npm start나 yarn start로 React Client를 실행시켰을 때, 제목과 같이 TypeError: Cannot read property 'createElement' of undefined 오류를 볼 수 있는 경우가 있다. 이와 같은 문제가 일어난 이유는, import { React, useState } from 'react'; 와 같이 import가 제대로 되어 있지 않기 때문. Googling을 해보면 import * as React from 'react'; 로 해결하는 법이 있는데, 정확하게 해결하는 방법은 아래와 같다. import { React, useState } from 'react'; => import React, { useState } from 'react'로 바..