SMALL

Study/JavaScript 34

X-Frame-options를 사용하여 여러 도메인이 iframe에서 앱을 렌더링 할 수 있는 방법

I get this question a lot — especially from people building iframe-based components with zoid. The question is “how do I whitelist multiple domains with X-FRAME-OPTIONS?” The answer is pretty simple (and it works for any iframe): have the client pass along the domain when you create the iframe! Here’s an example. First, on the client, let’s create our iframe, and pass along the domain: // Set up..

Study/JavaScript 2021.11.12

웹 개발자로서 생산성 향상을 볼 수 있는 7가지의 스킬

Being more productive as a software developer can sometimes be done by simply using the right tools for the job. If you can save just one minute a day, you will save up to four hours a year, if you don’t take any vacation that is :) So without further a due here are my 7 tips that could help save time: A faster querySelector As web developers, we spend a lot of time in the browser, or should I s..

Study/JavaScript 2021.11.11

JavaScript 개발자를 위한 최고의 VS Code 확장프로그램

JavaScript(ES6) code snippets 이 확장을 사용하면 미리 정의된 스니펫 세트로 작업하여 생산성을 높일 수 있습니다. 다른 패키지를 설치하거나 직접 빌드하여 기본 설정에 맞게 스니펫을 사용자 정의할 수 있습니다. 자신의 스니펫을 구축하기 위한 사용자 정의 옵션은 그 힘이 의존하는 곳입니다. 저는 스스로 많은 작업을 수행하지 않았지만 React , React Native, Redux 등에 대한 도우미를 얻기 위해 추가 플러그인을 설치 합니다. 구글 "VS Code code snippets"와 귀하의 프레임워크를 검색하면 귀하에게 적합한 세트를 찾을 수 있을 것입니다. ESLint ESList는 의심할 여지 없이 JS 개발자들 사이에서 가장 인기 있고 사랑받는 확장 중 하나입니다. 확장 ..

Study/JavaScript 2021.11.11

JavaScript의 이벤트 처리 TIp

이벤트는 웹사이트를 인터랙티브하고 재미있는 애플리케이션으로 발전시킵니다. 코드에서 (HTML) 요소의 이벤트를 처리하면 웹 페이지를 유연하게 디자인할 수 있습니다. 따라서 이벤트 및 핸들러도 런타임에 조정할 수 있습니다. 웹 개발에서 가장 자주 사용되는 JavaScript 구조인 데에는 그만한 이유가 있습니다. 이를 통해 사용자가 a 를 클릭하거나 a 를 누르 거나 요소를 눌렀을 때와 같은 페이지의 이벤트를 수신 하여 HTML 요소에 대화형 기능을 추가할 수 있습니다 .buttonkeyloads 이벤트/리스너 개요 및 계획 그림 1: HTML 및 JavaScript의 이벤트 스키마 이벤트 유형을 선택하고 요소에 연결하고 리스너를 정의합니다. 이것은 웹 사용자 인터페이스에서 발생하는 JavaScript의 ..

Study/JavaScript 2021.11.11

JavaScript용 상위 5개 오디오 처리 라이브러리

고충실도 오디오 처리로 웹 애플리케이션을 구현하는 것은 어려운 작업일 수 있습니다. 그러나 올바른 도구를 알고 있다면 훨씬 쉽게 만들 수 있습니다. 이 기사에서는 요구 사항에 가장 적합한 라이브러리를 선택하는 데 도움이 되는 JavaScript용 5가지 최고의 오디오 처리 라이브러리를 소개합니다. 1. Howler.js — 무료이고 신뢰할 수 있는 기능이 풍부한 라이브러리 https://howlerjs.com/ Howler.js 는 Web Audio API 및 HTML5 Audio의 기능을 활용하여 매우 안정적인 크로스 플랫폼 오디오 지원을 제공합니다. 오픈 소스 라이브러리이며 오디오 스프라이트, 자동 캐싱, 코덱 지원 등과 같은 일부 기존 기능이 있습니다. 장점 단일 API는 많은 서비스를 제공합니다...

Study/JavaScript 2021.10.19

프론트엔드 개발자를 위한 42가지 훌륭한 JavaScript 라이브러리 및 프레임워크

사진 Fotis Fotopoulos 에 Unsplash 반응 React는 웹 애플리케이션용 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. 이를 통해 작고 독립적이며 재사용 가능한 코드 조각으로 복잡한 UI를 만들 수 있습니다. 또한 Facebook에서 유지 관리하고 개발하므로 프로젝트에 이 라이브러리를 사용하는 것에 대해 완전히 확신할 수 있습니다. Facebook, Twitter, Netflix, WhatsApp 등과 같은 웹 사이트에 사용하는 많은 대기업이 있습니다. React.JS 링크 뷰.js Vue.js는 사용자 인터페이스(특히 단일 페이지 웹 애플리케이션)를 빠르게 구축하는 데 도움이 되는 무료 컴팩트 오픈 소스 라이브러리입니다. 2014년 Evan You(..

Study/JavaScript 2021.10.19

[Library] 2021년에 사용할 자바스크립트 라이브러리 7가지

2021년에 사용할 자바스크립트 라이브러리 7가지 인기 있는 JavaScript 라이브러리 및 프레임워크는 모든 프론트 엔드 웹 디자이너가 익숙해야 하는 매우 유용한 도구입니다. 사이트에 강력한 기능을 추가하거나 최신 웹 디자인 트렌드를 생성하여 사용자에게 탁월한 경험을 제공할 수 있습니다. 이 기사에서는 JavaScript 개발자를 위한 7가지 유용한 라이브러리를 제공합니다. 1. FullPage.js FullPage.js는 단일 페이지 웹사이트용 jQuery 및 Vanilla JavaScript 플러그인으로, 부드러운 애니메이션 및 속도 저하 옵션을 사용하여 수직 또는 수평 스크롤로 웹 페이지를 만들 수 있습니다. 풍모: 세로 및 가로 스크롤 가능 사용하기 쉬운. 쉽게 사용자 정의할 수 있습니다. 최..

Study/JavaScript 2021.07.22

[Javascript Libliry] The 40 Best JavaScript Libraries and Frameworks for 2021 | 2021 년 40 개 최고의 자바 스크립트 라이브러리 및 프레임 워크

JavaScript 라이브러리 및 프레임워크는 JavaScript의 동적이고 유연하며 매력적인 기능 덕분에 광범위한 기능을 통해 웹 사이트 및 응용 프로그램 개발을 더 쉽게 만듭니다 . 2020년 StackOverflow 설문조사 에 따르면 JavaScript는 8년째 가장 많이 사용되는 프로그래밍 언어 로 67.7% 의 응답자가 사용하고 있습니다. 무료 데모 사용해 보기 그것의 다재다능함은 그것들을 테스트하는 것 외에도 백엔드와 프론트엔드 개발 모두에 유리합니다. 결과적으로 다양한 용도로 사용되는 많은 JavaScript 라이브러리와 프레임워크를 찾을 수 있습니다. 따라서 프로젝트에 적합한 것을 선택할 때 개발자에게 혼란을 줄 수 있습니다. 하지만 걱정하지 마세요! 이 기사에서는 기능, 이점 및 사용 ..

Study/JavaScript 2021.07.20

[JavaScript] GSAP | TweenMax 쉽게 애니메이션을 구현하는 방법

GSAP를 자바스크립트 애니메이션의 Swiss Army Knife라고 생각하면 됩니다. 하지만 더 좋습니다. JavaScript가 만질 수 있는 모든 것(CSS 속성, 캔버스 라이브러리 개체, SVG, React, Vue, 일반 개체 등)에 애니메이션을 적용하고 자동 GPU 가속을 포함하여 놀라운 속도로(jQuery보다 최대 20배 빠름) 수많은 브라우저 불일치를 해결합니다. 변환의. "왜 GSAP인가?"를 참조하십시오. 자세한 내용은 기사를 참조하십시오. 대부분의 다른 라이브러리는 CSS 속성만 애니메이션합니다. 또한, 시퀀싱 능력과 런타임 컨트롤은 그에 비해 창백합니다. 간단히 말해서, GSAP는 지구상에서 가장 강력한 고성능 자바스크립트 애니메이션 라이브러리입니다. 이것이 아마도 Google이 JS..

Study/JavaScript 2021.07.18

[JAVASCRIPT] Call By Value && Call By Reference에 대해서 알아보자

함수의 호출방식 call by value : 값에 의한 호출 1. 함수가 호출될 때, 메모리 공간 안에서는 함수를 위한 별도의 임시 공간이 생성된다. (c++의 경우 stack frame 함수가 종료되면 해당 공간은 사라진다. 2. 스택 프레임(Stack Frame) : 함수 호출시 할당되는 메모리 블록(지역변수의 선언으로 인해 할당되는 메모리 블록) 3. call by value 값에 의한 호출방식은 함수 호출시 전달되는 변수의 값을 복사하여 함수의 인자로 전달한다. 4. 복사된 인자는 함수 안에서 지역적으로 사용되는 local value의 특성을 가진다. 따라서 함수 안에서 인자의 값이 변경되어도, 외부의 변수의 값은 변경되지 않는다. 5. Java의 경우 함수에 전달되는 인자의 데이터 타입에 따라서..

Study/JavaScript 2021.04.08
반응형