웹 컴포넌트 영어 뜻 - 영어 번역

• web components
• web component

한국어에서 웹 컴포넌트 을 사용하는 예와 영어로 번역

웹 컴포넌트 - React.
Web Components- React.

이제 여러분의 앱은 웹 컴포넌트의 강력함을 손에 넣었습니다!
Now your app has Web Component super-powers!

웹 컴포넌트는 다음과 같이 4개의 부분으로 구성되어 있습니다.
Web Components is comprised of four.

현재 크로스 브라우징 웹 컴포넌트를 사용하는 가장 쉬운 방법.
Currently the easiest way to use web components cross-browser.

웹 컴포넌트는 종종 강제성을 띠는 API를 열어놓고 있습니다.
Web Components often expose an imperative API.

이게 전부입니다. 이제 여러분의 앱은 웹 컴포넌트의 강력함을 손에 넣었습니다!
That's it. Now your app has Web Component super-powers!

특히 웹 컴포넌트를 배포하는데 이상적인 방법입니다.
In particular, it's an ideal way to distribute Web Components.

이러한 기술들을 함께 사용하면 imports는 웹 컴포넌트를 위한 include이 됩니다.
When these technologies are used in tandem, imports become a include for Web Components.

웹 컴포넌트 표준은 여러분이 이러한 일들을 하는데 도움을 주도록 디자인되었습니다.
The Web Components standards are designed to help you do that.

예를 들어, video라는 웹 컴포넌트는 play()나 pause()라는 함수를 열어놓고 있을 것입니다.
For instance, a video Web Component might expose play() and pause() functions.

Org - 웹 컴포넌트 예제, 튜토리얼 등의 정보를 포함하는 사이트.
Org — site featuring web components examples, tutorials, and other information.

많은 사람이 공통으로 착각하는 부분 중 하나로, 웹 컴포넌트는 “className”이 아닌 “class”를 사용합니다.
One common confusion is that Web Components use“class” instead of“className”.

웹 컴포넌트는 여전히 혁신의 상태에 있으며 그를 둘러싼 도구들도 그렇습니다.
Web Components are still in a state of evolution and as such so is the tooling around them.

이것이 언제 HTML/자바스크립트를 사용할지와 언제 웹 컴포넌트를 사용할지를 결정하여야 하는 것을 의미할까요?
Does this mean you have to decide when to use HTML/JavaScript, and when to use Web Components?

웹 컴포넌트는 기본적으로 Firefox (버전 63), Chrome, 및 Opera 에서 지원됩니다.
Web components are supported by default in Firefox(version 63), Chrome, and Opera.

Shadow DOM은 주로 웹 컴포넌트의 범위 지정 변수 및 CSS용으로 설계된 브라우저 기술입니다.
The Shadow DOM is a browser technology designed primarily for scoping variables and CSS in web components.

특히 컴포넌트의 내부 구조를 정의할 때 편리하며 그 이유로 은 웹 컴포넌트 클럽으로 입성하게되었습니다.
It particularly comes in handy when defining the inner structure of a component, and thus is inducted into the Web Components club.

Hybrids - 오픈 소스 웹 컴포넌트 라이브러리. class 와 this 문법보다 일반 객체와 순수 함수를 선호합니다.
Hybrids- Open source web components library, which favors plain objects and pure functions over class and this syntax.

제가 이전에 이야기한 것과 같이 Polymer는 모던 브라우저들에서 웹 컴포넌트의 사용을 가능하게 하는 polyfill 및 sugar 라이브러리입니다.
As I mentioned earlier, Polymer is a library of polyfills and sugar which enables the use of Web Components in modern browsers.

이러한 웹 컴포넌트의 강제성을 띠는 API에 접근하기 위해서, DOM 노드에 직접 ref를 지정하는 것이 필요할 수 있습니다.
To access the imperative APIs of a Web Component, you will need to use a ref to interact with the DOM node directly.

특히 컴포넌트의 내부 구조를 정의할 때 편리하며 그 이유로 <template>은 웹 컴포넌트 클럽으로 입성하게되었습니다.
It particularly comes in handy when defining the inner structure of a component, and thus<template> is inducted into the Web Components club.

Hybrids - 오픈 소스 웹 컴포넌트 라이브러리. class 와 this 문법보다 일반 객체와 순수 함수를 선호합니다.
Hybrids  — Open source web components library, which favors plain objects and pure functions over class  and this  syntax.

웹 컴포넌트의 4가지 부분은 함께 동작하도록 디자인되었으나 웹 컴포넌트 중 사용하고 싶은 부분을 선택적으로 사용하는 것 또한 가능합니다.
The four parts of Web Components are designed to work together, but you can also pick and choose which parts of Web Components to use.

주목: 만약 여러분이 웹 컴포넌트가 처음이라면, 그것들이 제공하는 웹 플랫폼의 기능들에 대한 환상적인 문서들을 읽어보기를 권합니다.
Note: If you're new to Web Components, I recommend reading the fantastic docs about the web platform features they provide.

웹 컴포넌트는 다음 문제들을 해결하는 것을 목표로 합니다 - 세 가지 주요 기술들로 구성되며, 재사용을 원하는 어느곳이든 코드 충돌에 대한 걱정이 없는 캡슐화된 기능을 갖춘 다용도의 커스텀 엘리먼트를 생성하기 위해 함께 사용될 수 있습니다.
Web Components aims to solve such problems- it consists of three main technologies, which can be used together to create versatile custom elements with encapsulated functionality that can be reused wherever you like without fear of code collisions.

Lt;slot> 자신만의 마크업으로 채울 수 있는 웹 컴포넌트 내부의 placeholder 입니다. 별도의 DOM 트리로 생성하고 함께 보여줄 수 있게 해줍니다.
A placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together.

서드 파티 웹 컴포넌트를 사용 중이라면, 가장 좋은 해결방법은 웹 컴포넌트의 래퍼로서 동작하는 React 컴포넌트를 작성하는 것입니다.
If you are using third-party Web Components, the best solution is to write a React component that behaves as a wrapper for your Web Component..

커스텀 엘리먼트 사용하기 간단한 웹 컴포넌트를 생성하는 커스텀 엘리먼트의 기능을 사용하는 방법과 라이프사이클 콜백 및 그 외 고급 기능들을 보여주는 가이드입니다.
Using custom elements A guide showing how to use the features of custom elements to create simple web components, as well as looking into lifecycle callbacks and some other more advanced features.

함께 보기 웹 컴포넌트는 그 기능을 나머지 코드로부터 캡슐화하여 재사용 가능한 커스텀 엘리먼트를 생성하고 웹 앱에서 활용할 수 있도록 해주는 다양한 기술들의 모음입니다.
Web Components is a suite of different technologies allowing you to create reusable custom elements- with their functionality encapsulated away from the rest of your code- and utilize them in your web apps.

한국어 문장에서 "웹 컴포넌트"를 사용하는 방법

커스텀 요소는 웹 컴포넌트 스펙 중에서 최근에 만들어진 것입니다.

웹 컴포넌트 표준 중 하나인 쉐도우 돔에 대한 튜토리얼.

폴리머는 웹 애플리케이션 구축을 위한 새로운 도구로 웹 컴포넌트 상단에 구현됩니다.

자바 기반 웹 컴포넌트 및 웹 프로그래밍 개발 기술 습득하는 과정입니다.

이 방식으로 여러분은 익숙한 리엑트와 같은 방식으로 웹 컴포넌트 앱을 작성할 수 있다.

라이브러리와 슬라이드 쇼, 인쇄 및 웹 컴포넌트 등의 기능이 추가된 어도비 포토샵 라이트룸 1.

예를 들어, 크롬의 웹 컴포넌트 규격은 템플릿과 기본(조금은 복잡하더라도) 컴포넌트 모델에 대한 부분적인 지원을 포함한다.

또한 웹 컴포넌트 구현 시에 필요한 확장성과 유지보수성 등을 고려한 디자인 패턴 기법들을 안내해 드리고, 웹 컴포넌트에서 ejb3.

영어 문장에서 "web components"를 사용하는 방법

Web components aren't supported in all browser.

Share Web components training setup knowledge SlideShare.

Lightning web components dispatch standard DOM events.

Lightning Web Components fixes that, with slots.

He's using Web Components and lit-html.

The following Web components are added.

Built on the Web Components standards (future-proof).

Web components are nothing new, of course.

We'll use the Express Web Components project.

An introduction into Web Components and PolymerJS.