반응형

개발 50

화면에 그리는 프로그램 무료 다운 - ScreenNote

이 글에서는 ScreenNote 프로그램을 무료로 다운로드할 수 있으며, 사용 방법을 알아갈 수 있습니다. ScreenNote 이 프로그램은 윈도우 화면 위에 그림을 그릴 수 있는 프로그램입니다. 펜, 직선, 사각형, 원을 그릴 수 있습니다. 색을 자동으로 변환되도록 할 수 있습니다 ScreenNote 프로그램은 용량이 적으며 가볍습니다. 수요가 많다면 필요한 여러 기능들을 추가할 예정입니다. 📝License 이 프로그램은 누구나 무료로 사용할 수 있습니다. 배포는 무단으로 할 수 없으며, 이 블로그를 통해서만 다운로드 가능합니다. 📎Download 다운로드 및 배포는 https://jaegeun.tistory.com/ 블로그에서만 가능합니다. 사용은 무료입니다. 마음껏 사용하세요~! Version : ..

개발/Windows 2021.10.20

360도 카메라 만들기(VR) - HW부터 SW까지

목적 2015년도 학생 때 진행했던 프로젝트에서 직접 제작한 "360도 VR 카메라"를 기록하기 위해 작성한다. 아래 영상은 그때 당시 프로젝트 끝나고 만들었던 영상 중 담당했던 360도 VR카메라 부분이다. (배경음악이 있으니 소리를 원치 않으시면 음소거가 필요합니다.) 360도 VR 카메라 제작 영상 프로젝트 소개 "쿼드콥터와 카드보드를 이용한 360도 VR 체험"이라는 프로젝트 명이고, 필자 포함 3명이서 진행했었다. 프로젝트의 전체 콘셉트는 아래 그림처럼 쿼드콥터(드론) 밑에 360도 카메라를 달고, 사용자가 VR과 MYO라는 근전도 컨트롤러로 조종 체험을 하게 하는 것이다. 담당 부분 여기서 나는 360도 VR 카메라를 만드는 것을 담당했었고, 나머지 2명이 쿼드 콥터와 VR, MYO 컨트롤을 ..

개발/Project 2021.10.19

Apexcharts 리액트 차트 그리기

글의 목적 Apexcharts가 뭔지 알 수 있다. 리액트에서 차트 그림을 빠르게 그려보자. Apexcharts 란? React 뿐만 아니라 Vanilla js, Angular, Vue에서도 사용 가능한 Chart 그리는 라이브러리이다. 플랫폼이 바뀌더라도 Apexcharts 하나만 배워두면 Chart 라이브러리를 다시 배울 필요 없이 Chart 그릴 수 있다. 다양한 Chart를 그릴 수 있고, Chart 마다 예제 코드를 Vanilla js로 제공을 해준다. 리액트 기초 ☝️아직 리액트 기초를 모르신다면, 아래 링크에서 기초를 먼저 보고 오세요. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘..

개발/React 2021.10.19

자바스크립트 url encode/decode 방법

URL encode/decode 하는 이유? URL에는 특수문자, 띄어쓰기 등 일부 문자를 그대로 쓸 수 가없다. 이를 해결하기 위해 문자를 URL에서는 인식할 수 있는 문자 조합으로만 변형하는 encoding을 해야 한다. 반대로 원본 문자로 확인하려면 URL decoding을 하면 된다. encode/decode 실제 예시 사용하고 싶은 URL의 특수문자 등의 파라미터를 아래처럼 변형해서 사용한다. 이걸 decoding 하면 다시 위의 원래 문자로 볼 수 있다. 자바스크립트 API 예제 자바스크립트에서 공식 지원해주는 API이다. 그렇기 때문에 Vanilla js 뿐만 아니라 React, Node js에서 모두 사용 가능하다. 또한 따로 import나 require 할 필요 없다. encodeURI ..

개발/Javascript 2021.10.19

웹서버 빨리 만들기 - Express js

❓목적 웹서버가 어떻고 어떤 걸 공부하고 이것저것 주저리 하다 지치기 전에, 직접 웹서버를 만들어 보고 느껴보는게 중요하다. 빠르고 쉽고 간단하게 node js의 모듈인 Express.js를 이용해서 웹서버를 만들어보자. ☝🏼먼저 node js에 대한 기초와 설치가 되어있어야 한다. 준비가 안되어 있다면 아래 글들을 먼저 읽고 오는 것을 추천한다. [Node js]서버 만들기0-1분만에 Http 서버 만들기 📋요약 서버란 무엇인가에서 말한 것과 같이 서버라는 게 무엇인지 피부로 느끼고 싶다면, 이 글에서 설명하는 1분 만에 (Http) 서버 만들기를 따라 하기를 바란다. 정말 짧은 시간 안에 좋은걸 jaegeun.tistory.com 윈도우 node js 명령어로 설치 명령어로 설치하는 이유 다운로드하기..

개발/Node js 2021.10.18

윈도우 node js 명령어로 설치

명령어로 설치하는 이유 다운로드하기 위해 웹사이트를 검색할 필요가 없다. 쉽고 빠르게 이 블로그에 있는 명령어만 복붙(ctrl+c, v)만 하면 된다. 간지 난다. 개발자라면 명령어로 설치하자. 간혹 윈도우에서 에러가 나는 경우가 있는데, 명령어로 설치 시 해결되는 부분들이 있다. Scoop 윈도우에서 명령어로 여러 프로그램을 설치하게 해주는 도구(명령어)이다. node js 뿐만 아니라 git, curl 등 리눅스/맥에서 패키지 설치하는 것과 같이 쓸 수 있다. 간단하게 프로그램을 설치하게 도와준다. NVM node js 설치를 버전 별로 할 수 있고, 버전을 쉽게 바꿔서 사용하게 만들어 주는 툴이다. 설치 Scoop 설치 ➡ NVM 설치 ➡ node js 이 글에서는 이 순서로 진행한다. (NVM 설..

개발/Node js 2021.10.18

NVM status 에러 해결 방법

Error exit status 5 맥에서는 발생하지 않는데 윈도우 PC에서는 NVM 사용 시 exit staus 5 에러가 발생하고 있었다. 뒤에 내용은 깨져가지고 잘 나오지도 않아서 뭐 때문인지도 모르겠고... 인터넷을 잘 봐도 해결 방법이 잘 보이지가 않아서 혼자 이것저것 시도해봤다. NVM을 지우고 다시 설치해보고, 설치 경로도 바꿔보고 했는데 소용없었다. 관리자 권한으로 터미널을 실행해도 status 5 에러는 status 145로 숫자만 변경될 뿐 달라지는 건 없었다. 해결 방법 예전에 scoop이라는 걸 사용해봤던걸 생각이 났는데, scoop으로 설치하면 혹시 문제가 사라지지 않을까 해서 적용해보니 해결되었다. 혹시 exit status 5 또는 145 에러가 발생하는 사람은 아래와 같이 s..

개발/Node js 2021.10.17
반응형