본문 바로가기

전체 글

계륵같은 웹지엘 기술 우연히 wanted에 들어왔다가 이젤(Eazel)이란 회사의 구인글을 봤다. Javascript/3D Webgl 개발자를 구한다고 올라와있다. React, Angular를 사용하고, 프로세스 자동화경험도 있고, 백엔드 경험도 있고, Webgl 사용하면서.. 내 관심사와 상당히 일치해서 관심있게 더 알아봤다. 요즘 우리팀이 쓰고 있는것 비슷한 기술스택, 갤러리 같은 미술 전시회를 웹으로 제공하는 회사다. 개발자분이 stackshare에 세세히 등록해놓은게 인상깊었다. 사이트를 들어가니 깔끔.. 예술하는 사람들이 좋아할 디자인이다.. WebGL로 전체 작품과 씬을 구성한게 아니라, Matterport Interactive 3D for Web and Virtual Reality Powerful, accessi.. 더보기
[playcanvas] loadFromUrl 에 대한 고찰 https://developer.playcanvas.com/en/api/pc.AssetRegistry.htm pc.AssetRegistry | PlayCanvas API Reference pc.AssetRegistry Extends: pc.EventHandler Container for all assets that are available to this application Summary Properties prefixA URL prefix that will be added to all asset loading requests. Methods addAdd an asset to the registry filterReturn all Asset developer.playcanvas.com 이거 여러가지 차이점.. 더보기
[webgl] 기초 이젠 WebGL 하면 대부분 WebGL2 말하는거임 WebGL은 GPU로 돌림(내장GPU 또는 외장 GPU) WebGL은 GPU에서 GLSL 타입으로 두개의 함수를 돌리면서 작동함 vertex shader: 점, 선, 원시형태(primitives)를 그림(rasterize) fragment shader: 픽셀에 색상을 칠함(계산함) GPU에서 GLSL로 작성된 어떤 함수를 호출하여 저 위에 두개의 함수(합쳐서 프로그램이라고 함)를 호출 gl.drawArrays() { run vertex shader () run fragment shader () } 뭐 대충 이런느낌인듯 GPU에서 실행하니깐 이 함수들의 자원(데이터, 변수) 들도 GPU에 있어야함 GPU에 데이터를 제공하는 법 == 쉐이더(함수)가 데이터.. 더보기
윈도우 사이즈 프론트엔드 개발을 하다가 window.innerWidth height하곤하는데 .. 이게 스크롤이 있을때 그 뒤에 숨겨진 부분까지의 크기는 아니다. 그냥 눈에 보이는 부분의 크기다. https://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window Get the size of the screen, current web page and browser window How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY whi.. 더보기
[angular] constructor와 ngoninit 차이점 https://www.linkedin.com/pulse/angular-constructor-vs-ngoninit-madhumati-hosamani Angular Constructor vs ngOnInit Angular has constructor and ngOnInit method which are executed on component load. The main confusion here is when to use what? The constructor is not actually part of Angular 2. www.linkedin.com 물론 안읽어봤다 내가 경험한 바로는 dom 이 모두 로드된다음 ngOnInit 이 실행되고 그전에는 constructor가 실행된다. 그니깐 getElement.. 더보기
[css] 레이아웃 잡을 때 참고했던 링크들 가운데 정렬 https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40/ 13 ways to vertical center in 2018 - LogRocket Blog CSS has made major leaps since the days when simple tasks were arduous. Now, something like vertical centering is effortless through different methods. blog.logrocket.com header 처리 https://stackoverflow.com/questions/17054158/css-100-height-with-header-and-footer.. 더보기