개발 썸네일형 리스트형 [three.js] scene, camera, renderer var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); scene 객체는 렌더링할 모든 객체와 사용할 모든 광원을 저장하는 데 쓰이는 컨테이너다.camera객체는 장면을 렌더링했을 때 어떻게 보여질 것인지를 정의한다.renderer객체는 scene객체가 camera객체의 각도에 따라 브라우저에서 어떻게 보이는지 산출하는 역할을 담당한다. renderer.setClearColorHex(); renderer.setClearColor(new THREE.Color(0xE.. 더보기 jQeury 없이 html 로드 후 자바스크립트 시작 DOM로딩이 끝난 후, 자바스크립트가 구동할 수 있도록 하는 코드function init() { //sht }; window.onload = init; jQeury를 쓸 때는 아래와 같이 $(function() { //sth }); 더보기 [WebGL] WebGL 개발 입문 WebGL 개발 입문국내도서저자 : 브라이언 댄칠라(Brian Danchilla) / 유윤선역출판 : 길벗 2012.12.26상세보기 정점 = vertex chapter_01 씬 설정 03 WebGL 컴포넌트 드로잉 버퍼 종류: 색상 버퍼, 심도 버퍼, 스텐실 버퍼 버퍼는 읽고 쓸 수 있는 메모리 블록으로, 임시 데이터를 저장하는 공간이다. 색상 버퍼: 색상 정보를 보관하고 선택적으로 투명/불투명도에 해당하는 알파 값 저장 심도 버퍼: 픽셀의 심도(z값)에 대한 정보를 저장. 스텐실 버퍼: 렌더링하거나 렌더링 하지 않을 영역의 경계를 정하는데 사용. 이미지의 한 영역을 렌더링하지 않도록 표시하는 것을 해당 영역을 마스크한다고 말한다. 마스크한 영역을 포함한 전체 이미지는 스텐실이라고 부른다. 원시타입 원.. 더보기 [WebGL] graphic API WebGL을 활용한 3D 그래픽 프로그래밍국내도서저자 : 안드레아스 안유루(Andreas Anyuru) / 윤영민역출판 : 에이콘출판사 2015.06.26상세보기 graphic API 종류- immediate mode API(직접실행모드, 즉시모드)- retained-mode API(유지모드)WebGL와 canvas는 immediate-mode API이고, svg는 retained-mode이다. Immediate-Mode API즉시모드에서는 화면 변경에 상관없이 각 프레임마다 전체 장면을 다시 그린다. API를 제공하는 그래픽 라이브러리는 그려야 하는 scene의 모델을 저장하지 않는다. 대신에 어플리케이션이 화면 표현이 필요할 때 메모리에 저장하기 때문에 높은 유연성과 컨트롤이 가능하다. 하지만 화면 .. 더보기 svg vs canvas 마이크로소프트, svg와 canvas 중에서 선택하기 한글문서 https://msdn.microsoft.com/ko-kr/kr/library/gg193983(v=vs.85).aspx 영어문서 https://msdn.microsoft.com/en-us/library/gg193983(v=vs.85).aspx canvas svg Each individual scenario might fall closer to canvas or svg, meaning that one technology over the other is better for that scenario. If a scenario falls in the middle of the spectrum, either technology is a viable op.. 더보기 김종민 interactive developer 포트폴리오 사이트: http://cmiscm.com/블로그: http://blog.cmiscm.com/데스크 프로젝트: http://desk.cmiscm.com/ 더보기 vim vim으로 작성하다 저장 안 됐을 때 복구(R) 선택 후 :wq -> rm 파일이름.swp고치기(E) 선택 후 :recover로 복구 뒤 :wq -> rm 파일이름.swpvim -r 파일이름 불러서 :wq -> rm 파일이름.swp 더보기 vim 환경설정 codelion.net에 나오는 내용 :set nu 행 표시:set ts=# 입력모드에서 Tab키의 탭 크기를 스페이스 #칸 간격으로 지정 (set tabsize):set sw=# 일반모드에서 >>, 붙여넣기 위의 설정을 모두 저장하고 싶다면~/.vimrc 에 작성 더보기 vim 명령어 www.codelion.net에 나오는 vim 명령어 입력모드i 현ㅐ 커서위치에서 o 현재 커서 아래에 새로운 행을 만들어서 그 행의 맨 앞에서a 커서를 현재 위치에서 한칸 뒤로 옮긴뒤 입력 커서 이동e 바로 다음 단어의 맨 마지막 문자로이동w 다음 단어의 첫 문자로 이동b 이전 단어의 첫 문자로 이동$ 현재 위치한 행의 맨 마지막 문자로 이동^ 현재 행의 첫 번재 문자로 이동gg 현재 파일의 맨 첫 번째 행으로 이동G 현재 파일의 마지막 행으로 이동h j k l 커서 이동 조작x 현재 커서 문자를 삭제(잘라내기)X 현재 커서 한칸 앞 삭제dd 현재 커서가 위치한 행 삭제dw 현재커서 위치에서부터 현재 위치한 단어의 마지막 부분까지 삭제d$ 현재 커서위치부터 해당 행의 맨 마지막까지 삭제 블록v 블록 지.. 더보기 [AWS] 연습용 계정 만들고 설정하기 www.codelion.net 에 넘넘 친절하게 설명 되어 있음.. http://www.codelion.net/weeks/headline/6 접속하기.ssh -i 이름.pem ec2-user@ip주소 서버구동rvmsudo rails s -p 80 -d(rails s) 구동 중인 웹 서버 프로세스의 상태 확인ps aux | grep rails 서버 종료시sudo kill -9 아이디 더보기 [모듈화] JavaScript 표준을 위한 움직임: CommonJS와 AMD 정리 NaverD2: JavaScript 표준을 위한 움직임: CommonJS와 AMD 모듈화는 아래와 같이 세 부분으로 이루어진다.scope: 자신만의 독립적인 실행 영역definition: 모듈 정의는 exports 객체 이용usage: 모듈 사용은 require 함수 사용 서버사이드 Javascript의 경우에 파일마다 독립적인 파일 스코프가 있기 때문에 파일 하나에 모듈 하나를 작성하면 간단히 해결됨. 브라우저에서는 필요한 모듈을 모두 내려받을 때까지 아무것도 할 수 없는 단점이 있었고 동적으로 태그를 삽입하는 방법으로 가닥을 잡는다.CommonJS에서는 이 문제를 해결하기 위해 파일을 require.define()으로 감싸 함수 클로저로 전역변수를 통제한다. 필요한 파일이 모두 로컬 디스크에 있어 바.. 더보기 [webpack] 읽을만한 자료들 NaverD2JavaScript 모듈화 도구, webpack(2016.02) - 참고: Javascript 표준을 위한 움직임: CommonJS와 AMD(2012,2,10) Y2K블로그Webpack을 이용한 angularJS 1 application 개발(2016.04) 더보기 대학교 프로그래밍 강의 1학년인가 2학년 때 C언어 수업을 들었다.태어나서 처음으로 프로그램이 돌아가는 원리를 알게 되었다.컴퓨터에도 언어가 있다니..그 언어를 해석해서 프로그램이 돌아가게 된다니.. 매 강의마다 신기하고 재밌어서 열정적으로 과제를 하고, 프로젝트를 진행했다.새로운 세계였다. 가끔 컴퓨터 전공자가 아니어서 자신감이 부족해지는 순간이 있다.컴퓨터 원리를 몰라서 이러는 걸까.메모리에 대해 제대로 이해하지 못해서 문제가 생긴걸까. 요즘 가끔 적성이 아닌가 고민할 때가 있었는데(그냥 갑자기 어렵게 느껴지는 순간..ㅠ)오늘 갑자기 대학교 시절 C언어 강의가 생각났다.맞다. 내가 이 경험으로 직업을 선택하게 된거지.. 갑자기 자신감이 생겼고, 열심히 해야겠다고 생각했다.더 공부하고, 더 이해하고, 더 호기심을 갖으면 된다.. 더보기 터미널 명령어 src폴더 밑에 entry.js와 lib.js 를 만들고 싶을 때 touch src/{entry,lib}.js 현재 path를 finder에서 열고 싶을 때open . 세팅하기Setting$ nano .bash_profile ctrl+O to save ctrl+X to Exit my .bash_profileexport PS1="\[\e[32;1m\]\W \[\e[36;1m\]\u$ \[\e[0m\]" export CLICOLOR=1 export LSCOLORS=DxFxBxDxdxegedabagacad alias ls='ls -GFh' PS1 : path and username setting 더보기 모바일인지 확인하는 코드 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(window.navigator.userAgent)) { //code here } 더보기 이전 1 2 3 4 5 6 7 다음
