💻기술/JavaScript

신입 개발자 취업을 하다 보면 기초 지식에 대한 질문을 받기도 합니다. 아래 면접 질문은 정말 자주 나오는 유형이기도 하고 기초라고 하기엔 고급 질문도 섞여있기 때문에 개념적인 측면에서도 증명할 수 있습니다. 만약 아래 질문에 대해 막힘없이 서술이 가능하다면 적어도 면접은 충분히 통과할 거라 믿습니다. 그러나 요새는 프로젝트 자체에 대한 질문이 많아지는 추세입니다. 면접관이 깃허브 레포를 하나하나 들여다보면서 기술적 개념에 대해 물어보게 됩니다. 자신이 어떤 기술을 쓰고 있느냐에 따라 답변이 달라지니 사용한 기술에 대해 준비하시는걸 권장드립니다. 그럼에도 아래 나와있는 질문을 종종 물어보시기 때문에 알아두시면 면접하는 데 있어 유리하게 작용하실 겁니다. 이 포스트에서는 신입 프론트엔드 개발자를 위한 자바..

프로그래밍 언어, Javascript. 특정한 소프트웨어를 만드는 데 있어 언어의 제약은 없지만, 개발 목적에 따라 특화된 언어는 존재한다. C#은 윈도우즈 개발, Java는 쉬운 코드와 안정성 범용성, Python은 ML. JavaScript는 웹이다. 현대의 산업은 웹에서 시작해, 웹으로 끝난다. 그만큼 인터넷과 웹의 범위는 상당하고 또 중요하다. 대부분의 전자상거래가 인터넷으로 이루어진 만큼, 개발자는 사용자에게 필요한 기능을 빠르고 안정적으로 제공해야 한다. 개발자가 선택할 수 있는 플랫폼은 두 가지다. 웹이냐 앱이냐. 앱 개발은 개발 비용이나 복잡성만큼이나, 빠르게 개발하기는 어렵다. 배포도 웹만큼 간편하지 않다. 심지어 플랫폼 업자에게 심사까지 받아야 한다. 반면 웹 개발에는 제한요소가 없다...

환경 구성 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 나 기타 로더의 오브젝트들에도 적용할 수 있습니다. 추가적인..

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

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

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