잡다구리

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

🚀간단하고 빠르고 쉽게 만들자 이번 글에서는 그렇게들 다들 한 번씩은 만든다는 Todo App을 빠르게 만들어보자. 따로 CSS 등 디자인은 적용하지 않고, 기능적인 것만 구현해보자. 리액트 시작하기 1, 2에서 배운 것들만 이용하여 쉽고 간단하고 빠르게 만들예정이다. 리액트 기초는 알고 있어야 만들 수 있다. 혹시 아직 리액트 기초를 모른다면 아래 글에서 기초만 배우고 오도록 한다. 리액트 시작하기 1 - 설치 및 기본 예제 분석 이 글은 기본적으로 HTML/CSS/Javascript의 기본은 알고 있다는 전제하에 작성되어 있습니다. 잘은 몰라도 되지만 어느 정도 기본 개념은 알고는 있어야 이해하기 쉽습니다. 💾node js 설치 React를 사용 jaegeun.tistory.com 리액트 시작하기 2..

📢이 글에서 구현할 내용 우리는 먼저 특정 URL을 Seed(시작 위치)로 입력받는다. 해당 URL의 HTML을 긁어온다. 긁어온 페이지에 있는 URL들을 수집한다.(URL은 중복 제거한다.) 깊이 우선 탐색 또는 넓이 우선 탐색 방법으로 "2."와 "3."을 반복한다. 시작 위치와 연관되지 않는다고 판단되면 더는 진행하지 않는다. 기어 다니는(크롤링) 행위를 다하고 나서 정리한 URL 테이블을 하나씩 방문해서 HTML 정보를 받아온다. 형태소 분석기를 사용해서 HTML에서 단어들을 추출하여 정리한다. 위 순서는 "웹 크롤러 만들기 0"에서 정리한 내용이다. 파란색으로 칠한 부분을 이번 글에서 구현해보자. 🧨프로젝트 초기 생성 $ mkdir crawler $ cd crawler $ npm init 모듈 ..