💻기술

0. 소개 자바스크립트 파일의 압축과 알고리즘 암호화를 위해 대부분의 웹사이트에서는 난독화 작업이 필수입니다. 난독화는 프론트엔드 코드를 보호하고 해석을 어렵게 만들어 수준 높은 보안을 유지하도록 도와줍니다. 꼭 보호가 아니더라도 작성한 코드에 대해 알고리즘과 아이디어를 숨길 수 있습니다. 그런 의미에서 난독화는 코드 보호뿐 아니라 다방면에서 유용하다고 말할 수 있습니다. NodeJS에서 난독화를 진행해 보겠습니다. 먼저 데모는 아래 사이트에서 확인해 주시길 바랍니다. https://obfuscator.io/ JavaScript Obfuscator Tool What is this? This tool transforms your original JavaScript source code into a new ..

I. 에러 생각보다 심심찮게 볼 수 있는 귀여운 에러입니다. 여느 때와 마찬가지로 스택오버플에 등재(?)되어 있는데 링크는 아래 첨부해두겠습니다. II. 해결방법 div.insertAdjacentElement 를 div.insertAdjacentHTML 로 변경해주면 됩니다. https://stackoverflow.com/questions/42628635/element-insertadjacenthtml-api-throws-error-in-chrome-55-0-2883-87 Element.insertAdjacentHTML() API throws error in chrome 55.0.2883.87 I found the explaination about the API here, which tells me th..

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..

주피터 노트북이 또 말썽이다. 포트 권한 문제로 다른 포트를 할당해주면 된다. jupyter-notebook --ip=localhost --port=10023 로 해결하면 된다.

I. 문제 npm ERR! code ERESOLVE npm ERR! Cannot destructure property 'name' of 'node' as it is null. npm install 명령어를 입력하니 위와같은 에러가 나오게 됩니다. 구글에 검색해보니 https://stackoverflow.com/questions/65724281/cannot-destructure-property-name-of-node-as-it-is-null Cannot destructure property 'name' of 'node' as it is null when I want to install dependencies of the aurelia project, got this error: npm ERR! code 1..

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에서 백준 티어를..

I. 시작 부트스트랩은 UI 프레임워크로 전 세계 개발자들이 유용하게 사용하고 있습니다. 원하는 디자인을 빠르고 편리하게 개발할 수 있다는 장점도 있지만, 자칫하면 투박하고 지루한 디자인이 되기 십상입니다. 그래서 부트스트랩에서는 여러 가지 커스텀을 지원하고 있습니다. 그중 Shard UI는 부트스트랩 4를 기반으로 부트스트랩을 모던한 디자인으로 만들 수 있도록 도와주고 있습니다. https://designrevision.com/demo/shards/ Shards Demo - A Modern UI Toolkit for Web Makers Triggering this action might affect you later. Do you still want to continue? designrevision.c..

sudo git clone https://github.com/jpetazzo/pipework.git sudo cp -rp pipework/pipework /usr/local/bin/ sudo apt-get install arping bridge-utils -y 를 입력해주면 해결됩니다. 에러내용