본문 바로가기

분류 전체보기

 (432)
Three.js 2: PCD(Point Cloud Data)Loader 1. PCD(Point Cloud Data) 1.1 PCD file format PCD 파일은 Point Cloud Library 포맷 구조를 가지고 있다. 하지만 PCD는 3D point cloud data를 나타내기 위해 처음 나온 파일 형식이 아니다. 이전에도 PLY, STL, OBJ, X3D 등 많은 종류가 있었다. 하지만 앞에서 언급된 파일 형식들은 최근에 개발된 센싱 기술들과 알고리즘 이전에 개발되었기 때문에 최근 방향과는 다른 목적을 위해 만들어졌다. 따라서 최근 기술 방향에 따르면 PCD 파일 형식이 사용되는 편이다. 1.2 PCD versions PCD 파일 형식은 PCD_V6, PCD_V7와 같이 PCD_Vx로 다른 버전을 나타낸다. 현재 공식적으로 버전은 0.7 즉 PCD_V7이어야 ..
Three.js 1: 시작하기 1. Three.js란? 1.1 OpenGL Open Graphics Library. 2D, 3D 그래픽 라이브러리이자 API이며 범용성이 있어 광범위하게 사용되고 있다. 1.2 WebGL Web Graphics Library. WebGL은 이러한 OpenGL을 플러그인 도움 없이 사용할 수 있도록 만들어진 웹 기반의 그래픽 API이다. 자바스크립트로 작성된 제어 코드와 컴퓨터의 GPU에서 실행되는 특수한 효과를 내는 코드로 구성되어 있으며, HTML의 요소를 통해서 3D 렌더링을 할 수 있다. 대부분 최신 버전의 웹 브라우저라면 사용할 수 있으므로 호환성이 높은 편이다. 또한 WebGL 요소들은 HTML 요소들과 섞어서 함께 사용할 수도 있으므로 웹 페이지를 꾸미는데 사용할 수도 있다. 예시 웹 사이트..
readFile(비동기)와 readFileSync(동기)의 차이 fs fs는 노드가 기본적으로 제공하는 FileSystem 모듈로, opendir, readdir, closedir 등 다양한 디렉토리 메서드를 제공한다. readFile과 readFileSync readFile(비동기) 다음 예제를 살펴보면서 콘솔 결과를 예상해보자. // test.txt readFile const fs = require('fs'); fs.readFile('./test.txt', 'utf-8', (err, data) => { if (err) throw err; console.log(data); }); console.log('1'); 콘솔 결과는 '1' ➡ 'readFile' 이다. 일반적으로 프로그램은 코드 순서대로 진행될 것이라고 생각한다. 하지만 비동기 처리는 그렇지 않다. 순서대로..
추억소환 코딩 패키지 강의 자료 [스파르타코딩클럽] 추억소환 코딩 패키지 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 1. 오늘 배울 것 서버/클라이언트/웹의 동작 개념 웹 서비스는 서버로부터 파일을 받아와서 그대로 그려준다. 브라우저의 역할은 주소창에 주소를 입력하면 서버에 파일을 요청하고, 요청에 알맞은 파일을 서버로부터 받아와서 파일에 적혀있는 그대로 페이지를 그려주는 것이다. 여기서 받아오는 파일은 HTML, CSS, JavaScript이다. HTML은 뼈대(박스), CSS는 꾸미기(박스 사이즈, 박스 모양) , JavaScript는 움직이게 하는 것(클릭하면 움직이게 하기)이라고 이해하면 된다. 있다가..
JavaScript / Node.js / Express.js 참고 자료 [Express] JavaScript, Node.js, Express 헷갈리는 개념들 정리 JavaScript는 뭐고 Node.js는 뭐고 Express는 무엇일까? 간단히 말해서 JavaScript(이하 자스)는 언어이다. 컴퓨터와 대화하기 위해서 사람이 기본적으로 알아야 하는 소통하기 위한 언어. 자바스크립트는 dunkey2615.tistory.com [Node.js] 왜 Node.js인가? Node.js는 서버사이드 자바스크립트이다. 구글의 바사크립트 엔진 V8을 기반으로 구성된 일종의 소프트웨어 시스템이다. 이벤트 기반으로 개발이 가능하며 Non-Blocking I/O를 지원하기 때문에 비동기 dunkey2615.tistory.com
JavaScript란? 자바스크립트란? 구글에 자바스크립트를 검색하면 위키백과에 아래와 같이 뜬다. 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. 자바스크립트는 객체지향 스크립트 프로그래밍 언어로 웹 브라우저 내에서 주로 사용되므로 웹 개발하는데에 사용된다. 웹의 프론트엔드를 개발하기 위해서 필요한 기술들은 기본적으로 HTML, CSS, JavaScript가 있다. 이 중에서 가장 핵심이 되는 기술이 자바스크립트이다. 자바스크립트 없이 웹 프로그래밍을 한다는 것은 거의 불가능에 가까운 일이 되었고, 언어가 가진 수 많..
모듈/패키지/라이브러리/프레임워크/플랫폼/API 용어의 의해 모듈/패키지/라이브러리 프레임워크 플랫폼 API jQuery Socket.io Express.js (Node.js 프레임워크) Node.js (서버사이드 자바스크립트 플랫폼) 구글 지도 API 페이스북 API 하나씩 차례대로 살펴보자. 모듈 모듈화란 수 많은 로직을 재사용할 수 있는 단위로 나누어 별도의 모듈이라는 형태로 떼어나 다른 프로그램에 부품으로 사용하는 기법이다. 그리고 그 결과물을 모듈이라 한다. 모듈은 데이터, 함수, 클래스 등이 담겨져 있는 파일이다. 내장 함수가 아닌 외장 함수의 경우 외부의 라이브러리(모듈)을 사용하기 위해서 따로 import하는 작업이 필요하다. 모든 Node.js 모듈은 package.json에 패키지가 등록이 된다. npm install [라이브러리명] 을 입력하면..
JSON와 JSON 메서드 1. JSON이란? JSON 객체(JavaScript Object Notation)란, 속성-값 쌍 혹은 키-값 쌍으로 이루어진 데이터 객체를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 포맷이다. 비동기 브라우저/서버 통신(AJAX)을 위해, 넓게는 XML을 대체하는 주요 데이터 포맷으로, 주로 인터넷에서 자료를 주고 받을 때 자료를 표현하는 방법으로 알려져 있다. 자바스크립트 객체에 기반하고 있으나, 프로그래밍 언어나 플랫폼에 독립적이므로 다양한 프로그래밍 언어에서 이용된다. 파일 확장자는 .json이다. 장점 텍스트로 이루어져 있으므로, 사람과 기계 모두 읽고쓰기 쉽다. 프로그래밍 언어와 플랫폼에 독립적이므로, 서로 다른 시스템간에 데이터 객체를 교환하기에 좋다. 자바스크립트의 문법을 기반..
반응형

티스토리툴바