All

초기 코드 완성 코드 aVertexPosition은 3개의 원소로 구성된 벡터 Attribute: WebGL API에서 버텍스 셰이더로 데이터를 보내기 위해 사용하는 특별 입력 변수 vec4 좌표계 셰이더에서 사용하는 vector type GPU에 렌더링에 필요한 셰이더를 만들고 업로드를 위해서는 셰이더 객체를 만들고 객체에 로드 후 컴파일 + 링크 필요

WebGL이란 Web Graphics Library의 약자로 Web상에서 2D 및 3D 그래픽을 렌더링하기 위한 로우 레벨 Javascript API를 말함. OpenGL ES 2.0을 기반으로 브라우저 엔진에 내장된 HTML5 Canvas 요소 위에 그려짐. Canvas는 처음부터 3D 그래픽을 렌더링하지는 못했음. 처음에는 일부 위젯과 애플 운영체제의 애플리케이션에서 2D 그래픽 렌더링을 위해 공개되었었음. WebGL이 등장 이후부터 3D 게임이나 고급 3D 그래픽 애플리케이션을 만들 수 있음. WebGL 장점 - 로열티 없이 누구나 사용 가능 - 렌더링 가속화를 지원하는 그래픽 하드웨어를 활용 - 별도의 플러그인이 필요 없으며, 웹 브라우저에 내장되어 실행 - OpenGL ES 2.0을 기반으로 하..

Hoops Visualize: 모바일 및 데스크톱 플랫폼 모두에서 그래픽을 렌더링하도록 설계된 3D 컴퓨터 그래픽 엔진라고 볼 수 있다. tech3d에서 개발을 하기위한 엔진을 판매하고 있으며 개발자들은 이를 받아서 개발을 할 수 있다. 그래픽 파이프라인 및 상호 작용 처리 알고리즘과 함께 다양한 그래픽 엔티티 처리 가능한 엔진을 제공한다. Hoops의 엔진은 CAD, CAM, CAE 등을 읽고 렌더링하는데 채택되었으며 이는 데스트톱, 모바일, 웹, 그리고 VR등 다양한 분야에서도 활용이 가능하다. 해당 사이트에서 Hoops 관련 사용에 대해 API로 제공하며 이는 여러 곳에서 활용 가능하다. react 및 vue에서는 해당 엔진을 사용하기 위해서 html 쪽에 엔진을 import 하고 ui 렌더링 이후..

3개월동안 준비하던 프로젝트는 실패만 연거푸 맛보았고 재도전을 넣었다. 왜 항상 나는 첫 단추가 잘못끼워지는걸까. 내가 가지고 있는 걸 다 보이지 못했다는 자책을 많이 하게 된다. 몇달전의 당시와 지금의 나는 확실히 다르다. 2번째 기회라는 것이 올까.. 당시에는 말하지 못한것들을 할 수 있을 것 같은데...

Anyframe UI는 react.js, backbone.js, Angular 등 다양한 UI Framework들의 기능들을 포함하고 있는 SDS에서 개발한 Framework이다. 삼성그룹사 내 다양한 곳에서 사용하고 있으며 현재 해당 Framework를 이용하여 개발되어있는 다양한 삼성계열사 프로그램들이 존재한다. UI Framework다보니 Vue나 React처럼 생명주기를 가지고 있으며 Anyframe JAVA에 최적화되어 있지만 Spring Boot 등 다양한 Backend 등과도 호환이 가능하다. 해당 프로젝트에서 기여했던 부분은 간단하게나마 기록으로 남기려고 한다. 1. Frontend Framework 개발 - Anyframe UI를 base를 삼성전자용 표준 framework 개발 - 기존..

VSCode Extension 개발에 대해 간단히 적어보려고 한다. VSCode Extension 개발에서 VS Code Extension API를 이용하여 VSCode의 기본 기능들과 연동하여 개발이 가능하다. VSCode Extension API 종류는 VSCode API 공식 문서를 확인하면 좋으나 해당 사이트가 가끔 제대로 열리지 않는 경우가 있어 관련 문서들을 참조한다. https://medium.com/frontend-developers/vs-code-extension-api-%EC%82%B4%ED%8E%B4%EB%B3%B4%EA%B8%B0-f1cb0ed89770 VSCode Extension 개발의 경우 vue.js, react 등을 활용해서 개발이 가능하다. 단 위사항들을 이용해서 개발을 ..

A game for one player is played on a board consisting of N consecutive squares, numbered from 0 to N − 1. There is a number written on each square. A non-empty array A of N integers contains the numbers written on the squares. Moreover, some squares can be marked during the game. At the beginning of the game, there is a pebble on square number 0 and this is the only square on the board which is ..

An array A consisting of N integers is given. A triplet (P, Q, R) is triangular if 0 ≤ P A[R], A[Q] + A[R] > A[P], A[R] + A[P] > A[Q]. For example, consider array A such that: A[0] = 10 A[1] = 2 A[2] = 5 A[3] = 1 A[4] = 8 A[5] = 20 Triplet (0, 2, 4) is triangular. Write a function: function solution(A); that, given an array A consisting of N integers, returns 1 if ..

A non-empty array A consisting of N integers is given. The product of triplet (P, Q, R) equates to A[P] * A[Q] * A[R] (0 ≤ P < Q < R < N). For example, array A such that: A[0] = -3 A[1] = 1 A[2] = 2 A[3] = -2 A[4] = 5 A[5] = 6 contains the following example triplets: (0, 1, 2), product is −3 * 1 * 2 = −6 (1, 2, 4), product is 1 * 2 * 5 = 10 (2, 4, 5), product is 2 * 5 * 6 = 60 Your goal is to fi..

Write a function class Solution { public int solution(int[] A); } that, given an array A consisting of N integers, returns the number of distinct values in array A. For example, given array A consisting of six elements such that: A[0] = 2 A[1] = 1 A[2] = 1 A[3] = 2 A[4] = 3 A[5] = 1 the function should return 3, because there are 3 distinct values appearing in array A, namely 1, 2 and 3. Write a..