개발일지, 개인 또는 단체 포트폴리오 등
이 글은 윈도우 기준으로 작성되었지만 다른 OS 에서도 적용할 수 있습니다. Spring Boot 프로젝트를 생성시 처음에 설정하는 배포 옵션을 jar 파일로 배포로 설정했다고 가정합니다. 처음에 war로 설정했을시에는 추가 설정이 필요한 관계로 나중에 따로 포스팅하겠습니다. 그 전에 이클립스에서 설정되어 있는 JRE를 JDK로 바꿔야 합니다. 바꾸지 않으면 추후 에러의 원인이 되므로 미리 더보기…
1. 이클립스(STS) 준비 이클립스에서 Help > Marketplace… 를 선택한 다음 STS 을 검색해서 설치합니다. 설치 시 이름에 boot 가 들어가는 요소는 반드시 체크하고, Perspective를 Spring으로 변경합니다. 또는 처음부터 STS(STS가 설치된 이클립스)로 사용합니다: https://spring.io/tools 2. Spring Starter Project 생성 이클립스에서 File > New… > Spring Starter Project 를 선택합니다. Group, Artifact, Package 등은 더보기…
다운로드: https://threejs.org/ 의 download 링크를 통해 받는다. 여기서 MMD의 정의는 다음과 같다. MikuMikuDance는 일본에서 개발 및 공개 중인 3D CG 동영상 작성 툴이다. 약칭은 MMD. 이름처럼 VOCALOID 하츠네 미쿠의 3D 모델을 조작할 수 있는 프로그램이다. 이름은 VOCALOID의 대표격이라고 할 수 있는 하츠네 미쿠의 모델이 제일 먼저 나왔기 때문에 MikuMikuDance(미쿠미쿠댄스)라고 이름지어진 더보기…
출처: https://www.musicxml.com/tutorial/hello-world/ MusicXML에서 가사가 “hello, world”인 노래는 실제로 간단한 MusicXML 파일보다는 복잡합니다. 우리는 (조건을) 더 단순하게 유지합시다. 중간 C의 전체 음을 포함하는 한 마디의 음악, 4/4 박자 기준 <?xml version=”1.0″ encoding=”UTF-8″ standalone=”no”?> <!DOCTYPE score-partwise PUBLIC “-//Recordare//DTD MusicXML 3.1 Partwise//EN” “http://www.musicxml.org/dtds/partwise.dtd”> <score-partwise version=”3.1″> <part-list> <score-part id=”P1″> <part-name>Music</part-name> </score-part> </part-list> <part id=”P1″> <measure 더보기…
기본 형태 <body> <select> <option>사과</option> <option>귤</option> <option>포도</option> </select> </body> select 속성 autofocus – HTML5, 페이지 로드시 자동으로 포커스 적용 disabled – 표시만 되고 조작 및 내용 변경 불가 form – 상위 폼 아이디 지정 multiple – 다중 선택 가능 name – form 전송에 사용할 이름 지정 required – HTML5. 입력하지 않았을 더보기…
출처: http://soen.kr/lecture/library/opengl/opengl-10.htm 34. 텍스처: 비트맵 비트맵은 미리 만들어진 이미지를 의미하며 다양한 크기와 색상을 가질 수 있다. 그러나 OpenGL에서는 흑백 이미지만을 비트맵이라고 칭하며 컬러 이미지는 픽셀맵(Pixelmap)이라는 별도의 용어를 사용한다. bit가 용어가 원래 0과 1만을 의미하는 흑백적인 뜻이기 때문이라고 한다. OpenGL은 파일 입출력 기능을 제공하지 않으므로 파일이나 리소스로부터 비트맵을 생성하기 어렵다. 간단한 이미지라면 더보기…
출처: http://soen.kr/lecture/library/opengl/opengl-9.htm 31. 조명 개요 OpenGL은 조명을 성격에 따라 다음 세가지로 분류한다. 주변광(Ambient) : 도처에 존재하는 빛이다. 광원에서 나온 빛이 여러 경로로 반사 및 재반사되어 방향성을 잃어버린 빛이다. 사방에서 물체의 모든 면에 골고루 비쳐지며 밝기도 일정하다. 분산광(Diffuse) : 한 방향으로 들어와서 물체의 표면에 반사되어 여러 방향으로 흩어지는 빛이다. 빛을 받는 부분이 더보기…
출처: http://soen.kr/lecture/library/opengl/opengl-8.htm 29. 행렬 OpenGL은 각종 변환에 행렬을 많이 사용한다. 행렬의 수학적 특성을 잘 이용하면 빠른 속도로 연산을 수행할 수 있다. OpenGL이 변환에 사용하는 행렬은 4*4 크기의 행렬이다. 3차원 공간은 3개의 좌표로 구성되지만 연산의 편의를 위해 한차원 더 높은 4*4 행렬을 사용한다. 메모리에서 4*4 행렬을 표현하는 방법은 여러 가지가 있는데 일단 다음 더보기…
출처: http://soen.kr/lecture/library/opengl/opengl-8.htm 24. 변환 – 개요 3차원 공간에 배치된 물체의 전체적인 변환 과정은 다음과 같다. OpenGL은 변환 단계에서 수행되는 복잡한 연산들을 행렬로 처리한다. 모든 변환 함수의 연산 결과는 현재 행렬에 반영된다. 좀 더 정확하게는 현재 선택된 행렬 스택의 최상단 행렬인데 일단은 현재 행렬이라고 생각하면 된다. 다음 함수는 행렬 연산의 목적지를 지정한다. void 더보기…
튜토리얼: http://workshop.chromeexperiments.com/examples/gui/#7–Events 소스 받기: https://github.com/dataarts/dat.gui CDN: https://cdnjs.com/libraries/dat-gui dat.GUI는 계기판, 패널 같은 것으로 숫자, 스트링, 색상 등의 값들을 조작하는 폼들을 쉽게 만들 수 있도록 지원해주는 자바스크립트에서 사용하는 라이브러리입니다. 기본적으로 오른쪽 상단 구석에 작게 생성되며 화면 전체를 사용하는 멀티미디어 자료들을 조작하는 용도로 사용합니다. 자바스크립트 3차원 라이브러리인 Three.js의 예제 페이지(https://threejs.org/examples/#webgl_lightningstrike)에서 이 dat.GUI들을 자주 사용하고 있습니다. 더보기…