일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- vue
- JS
- A-Frame
- Three.js
- VR
- vuetify
- bootstrap
- aframe
- PDO
- Component
- web
- 상태관리
- Node
- npx
- WebVR
- AR
- promise
- PHP
- WebXR
- JavaScript
- javscript
- 3d
- CI/CD
- array
- auth0
- version mismatch
- vuex
- vue-template-compiler
- package-lock.json
- EM6
- Today
- Total
목록개발/Javascript (22)
대가는 결과를 만든다
개발중인 web 3D viewer에서 용량이 큰 3D model을 load하는 과정에서 웹페이지가 freezing되는 현상이 발생했다. 이것을 해결하기 위해, 웹에서 백그라운드 스레드를 사용하여 해결하고자 리서치하고 간단한 내용만 정리한다. Web Worker란? 웹에서의 백그라운드 스레드 이다. 메인 실행 스레드와 별도로 백그라운드에서 실행되는 HTML 페이지로부터 수행되는 javascript 메인스레드와 Workers는 메세지를 통해 데이터를 교환한다. 이 Workers는 메인 실행 스레드와 구별되어 실행되므로, Web Workers를 활용하여 Instance Blocking 없이 process intensive task들을 처리할 수 있다. 1) worker에서는 document, window와 같..
vue, webpack을 이용하여 개발을 하면서 ES6 문법 공부가 불가피해짐..기본적인 module 문법과 ES6의 문법 차이점을 비교하며 정리해본다! 1. module 문법 1) named exports : 모듈 중 일부만 필요로 하는 경우가 있을 때 사용 (하나의 함수 혹은 하나의 클래스만 사용하고 싶은 경우) //------ lib.js ------ export const sqrt = Math.sqrt; export function square(x) { return x * x; } export function diag(x, y) { return sqrt(square(x) + square(y)); } 가능한 사용 형식 a) - 일부만 import하여 사용 //------ main.js ------ ..
참고 블로그: https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67: http://insanehong.kr/post/javascript-prototype/ 자바스크립트는 프로토타입 기반 언어: 자바크립트는 class라는 개념이 없음. 대신 Prototype이 존재 Prototype의 사용 예시function Person() { this.eyes = 2; this.nose = 1; }var kim = new Person(); var park = new Person();console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1cons..
jQuery를 이용해 click 이벤트를 정의할 때 이렇게 사용하곤 한다. $("#id").on('click', function() { //do something } 하지만 이 클릭 이벤트를 변경 하고자 할 때 다시 정의하면 이벤트가 대체 되는 것이 아닌 중복이 된다. 그래서 누적된 모든 이벤트가 다 실행되는 불상사를 겪는다. 그래서 꼭 off() 를 이용하여 중복을 방지해야한다. 모든 event를 제거해주거나 $("#id").off().on('click', function() { //do something } " "안에 해당 event만 제거해서 등록할 수 있다. $("#id").off("click").on('click', function() { //do something }
Navigator Object Docs : https://www.w3schools.com/jsref/obj_navigator.asp - 사용자 브라우저의 정보를 포함하고 있는 obect appCodeNameReturns the code name of the browserappNameReturns the name of the browserappVersionReturns the version information of the browsercookieEnabledDetermines whether cookies are enabled in the browsergeolocationReturns a Geolocation object that can be used to locate the user's positionl..
Ajax (Asynchronous Javascript And XML) 페이지의 이동 없이 데이터베이스나 다른 웹페이지의 내용을 가져올 때 주로 이용 예) 아임포트에서 카카오페이 결제할때 자바스크립트 내에서 사용한 코드 12345678910111213141516171819202122jQuery.ajax({ url: '/paypage/payok.php', //루트폴더 기준(절대경로 : html/paypage/payok.php type: 'POST', //dataType: 'json', //이론상 필요한데 이 부분 때문에 자꾸 Unexpected end of JSON input 에러가 나고, 이 부분 지우니까 됨. data: { imp_uid : rsp.imp_uid, shouldprice : ".$amoun..