NodeJS

[React] 모바일 환경에서 카메라를 통해 이미지를 획득하는 방법(feat.. input, environment)

발단 디바이스의 카메라를 제어해야 하는 상황에서 간단하게 카메라를 통해 이미지를 획득할 수 있는 방법을 알게 되어 공유합니다. 카메라 제어 방법 위 input 의 이벤트를 발생시키게 되면 모바일 환경에서 카메라를 제어할 수 있습니다. Capture 프로퍼티 `environment, user` 두가지 속성을 가집니다. environement : 모바일 환경의 후면부 카메라를 제어합니다. user : 모바일 환경의 전면부 카메라를 제어합니다. capture 프로퍼티는 모바일 환경에서만 동작하는 API 임으로 웹에서는 우리가 아는 input 으로써의 동작을 행합니다. 자세한 설명은 아래 참고를 확인하여주세요. 간단한 카메라 예제 코드 import React, {useState} from 'react'; fun..

NodeJS :: NVM Exit Status 5 ... 에러 발생 해결 방법(nvm-windows, 윈도우즈 환경, 1.1.8v)

최근에 npm 을 업그레이드 하려다, 모든 패키지의 버전을 업그레이드 하면서 nvm 의 버전이 높아지면서 겪게 된 이슈이다. 필자는 윈도우즈 환경에서 nvm 1.1.8v 을 설치하여 사용하고 있다. 즉, nvm-windows 를 사용하고 있으며 해당 패키지의 설치는 아래 링크에서 진행하면 된다. Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 문제 원인 nvm exit status 5 는 admin access 에러이다. 즉, 관리자 권한이 없었기 때문에 발생한 오류이다. 종종 관리자 권한에..

NodeJS :: 파일삭제(만약에 파일이 존재한다면, File system 사용)

- 서버에서 파일을 생성하여 클라이언트에게 파일을 전송한다. - 전송한뒤 서버에서는 해당 파일이 필요가 없으므로, 삭제하고자 한다. 기본 사용법 var fs = require('fs') if(fs.existsSync('yourPath(경로)')){ // 파일이 존재한다면 true 그렇지 않은 경우 false 반환 fs.unlinkSync('yourPath(경로)') // unlinkSync 파일 삭제 } Try Catch로 예외처리를 하는 방법 const fs = require('fs') const path = 'yourPath(경로)' try { fs.unlinkSync(path) } catch(err) { console.error(err) }

Vue 환경 변수 설정(사용방법 단순)

- vue에는 serve와 build 부분으로 나뉜다. - serve는 테스트 하고 싶은 서버에서의 동작, build는 실제로 운영하는 서버에서의 동작 정도로 생각하면 된다. - 저장하는 영역은 package.json 과 동일한 위치인, root에 위치한다. - 저장명은 serve 부분은 .env.developent, build 부분은 .env.production 으로 한다. - 해당 부분의 변수명 즉, 환경변수명을 정할때 중요한데 VUE_APP_*... `vue_app` 을 대문자로 해주어야 인식한다. // 정확한 부분은 모르겠지만, 문자열을 표시하기 위한 '," 는 필요 없는듯 하다. VUE_APP_URL = TEST_FOR_TISTORY - 환경변수들은 process.env. 객체에 정의되어 있어,..