💻기술/JavaScript

💻기술/JavaScript
[ ThreeJS ] OBJLoader object 위치 이동
환경 구성 ThreeJS 0.128.0 버전을 이용합니다. 아래 CDN 링크를 참고해주세요. 위치 이동 ThreeJS에서 오브젝트 위치를 이동시키기 위해서는 setX, setY, setZ함수를 이용합니다. const loader = new THREE.OBJLoader(loadmanager); loader.load( url, ( object ) => { object.position.setX( position.x ); object.position.setY( position.y ); object.position.setZ( position.z ); this.scene.add( object ); }); 사실, OBJLoader 말고도 GLTFLoader 나 기타 로더의 오브젝트들에도 적용할 수 있습니다. 추가적인..
→2022.04.21
💻기술/JavaScript
[ NodeJS ] javascript-obfuscator 자바스크립트 난독화
0. 소개 자바스크립트 파일의 압축과 알고리즘 암호화를 위해 대부분의 웹사이트에서는 난독화 작업이 필수입니다. 난독화는 프론트엔드 코드를 보호하고 해석을 어렵게 만들어 수준 높은 보안을 유지하도록 도와줍니다. 꼭 보호가 아니더라도 작성한 코드에 대해 알고리즘과 아이디어를 숨길 수 있습니다. 그런 의미에서 난독화는 코드 보호뿐 아니라 다방면에서 유용하다고 말할 수 있습니다. NodeJS에서 난독화를 진행해 보겠습니다. 먼저 데모는 아래 사이트에서 확인해 주시길 바랍니다. https://obfuscator.io/ JavaScript Obfuscator Tool What is this? This tool transforms your original JavaScript source code into a new ..
→2021.12.24
💻기술/JavaScript
[ PeerJS ] WebRTC 를 편하게 다뤄보자
I. PeerJS 기술을 공부하는 사람으로서 WebRTC를 직접 구현하기에는 벅찬 감이 없지 않아 있다. 최신 기술이기도 하고 관련 레퍼런스뿐 아니라 해외 자료 또한 충분하지 않다. 간단히 WebRTC를 짚고 넘어가자면 '웹서버(중간자) 없이 데이터를 스트림'하는 API라고 볼 수 있다. 코로나 사태로 브라우저에서 실시간 커뮤니케이션이 필요해지게 됨에 따라 쓰이게 된 기술이다. PeerJS는 WebRTC를 편하게 이용할 수 있게끔 제작된 간단한 라이브러리이다. https://peerjs.com PeerJS - Simple peer-to-peer with WebRTC The PeerJS library PeerJS simplifies WebRTC peer-to-peer data, video, and audi..
→2021.11.18
💻기술/JavaScript
[ Javascript ] Solvedac API로 백준 사용자 정보 가져오기
I. 준비 안녕하세요. 백준은 따로 API를 지원하지 않기 때문에 Solved AC에서 제공하는 API를 활용해야 합니다. 구현에 필요한 정보는 https://solvedac.github.io/unofficial-documentation/#/operations/getUser @solvedac/unofficial-documentation solvedac.github.io 가 필요합니다. II. 개발 저 같은 경우 포트폴리오에 적용해서 사용하고 있습니다. 코드 전문 https://github.com/DipokalLab/JS_SolvedacAPI/blob/main/get_info.js GitHub - DipokalLab/JS_SolvedacAPI: JS에서 백준 티어를 가져올 수 있습니다 JS에서 백준 티어를..
→2021.09.29

• 이전
• 1
• 다음