자바스크립트에서 객체 반복하기
이 게시물에서는 자바스크립트 프로그래밍 언어에서 객체를 반복하는 다양한 방법을 설명합니다. 이 접근 방식은 개체의 키를 반복하는 데 사용됩니다 키를 반복하면 object[key]를 사용하여 값을 얻을 수 있습니다. 개체 생성자의 키 메서드가 개체의 키 배열을 반환합니다. 키 배열을 사용하면 배열 접근 방식을 사용하여 배열을 반복할 수 있습니다. object[key]를 사용하여 objects ...
angularjavascriptnodereact2022-10 last update
8 minutes reading
Angular에서 타사 스크립트 및 CSS 작업
Angular 방식으로 도식과 함께 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정을 파일로 저장하고 표준 JavaScript 및 CSS 파일이 있는 타사 라이브러리와 함께 작업하여 최종 번들로 병합하거나 단일 파일로 연기하는 데 도움이 됩니다. Angular CLI에는 전역 CSS 및 JavaScript 파일을 초기화하는 고유한 ...
beginnersangularjavascript2022-10 last update
9 minutes reading
🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀
이것은 당신이 찾고 있는 Angular 14 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 자동 문서화 ✅ 으로 프로젝트를 분석하세요 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드...
beginnerswebdevangularjavascript2022-10 last update
6 minutes reading
각진 재질로 클립보드에 복사하는 방법
click 이벤트를 사용하여 처리 함수에 텍스트를 전달합니다. 이 경우에는 copyToClipboard(bookmark.location) 프로그래밍 방식으로 문자열을 복사하려면 서비스가 사용자의 클립보드에 텍스트를 복사하는 Clipboard를 사용하십시오. 우리는 setTimeout를 사용하여 사용자에게 잠시 동안 복사가 성공했음을 시각적으로 알립니다. 더 긴 텍스트에 사용하는 방법은 참조 ...
codeverangularjavascript2022-10 last update
7 minutes reading
Angular 애플리케이션에 ESLint 추가
이 기사에서는 최신 버전 을 사용하여 WEB 애플리케이션을 만들고 코드를 정적으로 분석하여 JavaScript 코드의 문제점을 찾는 을 추가합니다. 시작하기 전에 아래 도구를 설치하고 구성하여 Angular 애플리케이션을 생성해야 합니다. : Git은 분산 버전 관리 시스템이며 저장소를 동기화하는 데 사용됩니다. : Node.js는 Google의 V8 엔진을 기반으로 하는 JavaScript...
eslinttutorialangularlint2022-10 last update
6 minutes reading
Debuter avec Angular 14: #7 Les composants: comment les pimper
C'est cool de créer des composants mais s'ils affichent tout le temps la meme selected, on est d'accords qu'ils seront ennuyeux à mourir C'est un terme qui n'est pas lié à Angular mais qu'on entend plus souvent chez des ...
frontendjavascripttypescriptangular2022-10 last update
5 minutes reading
Debuter avec Angular 14: #6 레 구성
L'une des는 프레임워크 프론트엔드 est cette magie de pouvoir utiliser et réutiliser des elements visuels를 선택했습니다. Prenons cet 예 On voit clairement un element qui se repete, on va l'appeler: "DishCard"(anglais de ouf 🇬🇧🫖) Nous allon...
typescriptfrontendangularjavascript2022-10 last update
6 minutes reading
Angular Dart 基礎 -- Part 01
前回の記事で環境構築ができていること. Angular Dart는 마이나로、 Web 上でさくっと実行できるsiteがないので Angular Dart の記事는 なかったが、 HTML 要素の記事を参考に調べた. 들어가다 나가다 노골적으로 これらのイベントが書けるのを確認した. こうやってネstされていないCONPO 넨트의 場合は、 마우스\오버, 마우스\아웃 あろうとも反応するが、 要素がネst에 ている場合は、 마우스\...
dartangular2022-10 last update
6 minutes reading
Angular Pipe Async + RxJ Observable + Skeleton Loading으로 페이지 구현
오늘은 강력한 Angular Pipe Async, RxJ 및 Skeleton Loading의 아름다운 기능을 사용하여 페이지를 구현하는 방법을 보여드리고 싶기 때문입니다! 요소를 입력하면 강력한 자동 완성과 같은 많은 장점을 얻을 수 있습니다. ng generate interface models/product 이제 API와 통신하고 API 제품 데이터를 가져오는 get 메서드를 구현하는 An...
codenewbietutorialangular2022-10 last update
10 minutes reading
Angular, RxJS 및 Page Visibility API를 사용하여 사용자가 비활성 상태일 때 중지/다시 시작 요청
사용자가 더 이상 웹사이트나 앱을 보지 않는다면? Page Visibility API를 사용하여 네트워크 요청을 중지하고 다시 시작하는 방법을 알아봅시다! 에서 임의의 견적을 받는 서비스를 만들고 싶습니다. 서비스 내에서 사용할 몇 가지 항목을 가져와야 합니다. 이제 설정해 보겠습니다. 사용할 변수도 설정해 보겠습니다. 실제 견적을 표시하기 위해 을 사용하여 우리가 생성한 randomQuot...
apijavascriptrxjsangular2022-10 last update
13 minutes reading
Angular Interceptors로 노출되는 것을 조심하십시오.
작업 중인 애플리케이션에서 찾을 수 없더라도 특히 인증 헤더를 처리하는 경우 추가된 라이브러리 중 하나가 인터셉터를 사용할 가능성이 큽니다. 좋아하는 회의의 입구 문과 비교할 수 있습니다. 컨퍼런스에 도착하면 입구를 통과해야 하며, 행사장에 입장하기 전에 기념품을 받을 수 있습니다. Angular 인터셉터로 돌아가서 HTTP 클라이언트를 통해 시작된 모든 HTTP 요청은 서버로 전송되기 직전...
securityangular2022-10 last update
27 minutes reading
Angular에서 'exportAs'로 구성 요소 상태 공유
Angular에서 우리가 다른 사람들과 공유할 수 있는 공공 속성이나 상태가 있는 구성 요소를 만들 때 이를 해결하기 위해 몇 가지 옵션이 떠오릅니다. 구성 요소 상태의 새 값을 사용하여 이벤트를 내보냅니다. 상태를 공유하기 위해 Subject와 함께 서비스를 주입합니다. 와 같은 종속성으로 구성 요소를 주입하십시오. 모든 옵션이 유효하지만 템플릿에서 구성 요소 상태를 공유하는 또 다른 방법...
webdevangularjavascript2022-10 last update
6 minutes reading
Angular 사전 렌더링 — 단일 다국어 빌드
오늘 우리는 에 대한 이전의 노력을 계속하고 Express 서버를 조정하여 언어당 여러 정적 페이지를 생성할 것입니다. 다국어 지원, URL 기반 적응 끝을 염두에 두고 계획하려면 언어 폴더가 다른 동일한 경로를 만들어야 하므로 /client/projects/index.html 가 /client/en/projects/index.html 안에 있어야 합니다. base href 값이 에서 예상되...
angularjavascriptnodewebdev2022-10 last update
16 minutes reading
고유한 Angular hover 지시문
@angular/cli: 13.3.0 고유한 호버 지시문을 빌드하는 Angular 13.3.0 애플리케이션 다시, 직장에서 이상한 요구 사항과 엔지니어는 프레임 워크를 확장하기 위해 드로잉 보드로 이동하고 angular 결코 실망하지 않습니다! 사용자가 페이지의 한 부분을 가리키면 다음과 같이 페이지의 다른 지정된 부분에 일부 CSS 효과가 적용되어야 합니다. 다른 백만 가지 더 간단한 솔루...
angularjavascripttypescriptwebdev2022-10 last update
6 minutes reading
각도 구성 API
⚠️ This article is based on an early version of the library. for the most recent version. 수명 주기 후크, 변경 감지, 쿼리, 호스트 바인딩 및 호스트 수신기와 같은 기존 Angular 구성 위에 추상화 계층을 제공합니다. 두 가지 핵심 API가 있습니다: View 및 Service . State 팩토리 함수와 선택적 P...
angularjavascipttypescriptwebdev2022-10 last update
9 minutes reading
Angular: 콘텐츠 프로젝션 종단 간
콘텐츠 투영은 다른 구성 요소 내부에 표시하려는 콘텐츠를 삽입하는 패턴입니다. <ng-content></ng-content> - 다른 구성 요소 내부에 콘텐츠를 투영하는 책임이 있습니다. 이것은 자리 표시자일 뿐이며 실제 투영된 콘텐츠로 대체됩니다. Angular에서 이를 수행하는 몇 가지 방법이 있습니다. 단일 슬롯 콘텐츠 프로젝션: 다른 구성 요소는 단일 소스의 콘텐츠를 허용합니다. 산출...
angulartypescriptjavascriptwebdev2022-10 last update
5 minutes reading
Angular의 조건부 지연 로드 모듈
지연 로딩 모듈은 Angular 애플리케이션의 성능을 향상시키는 데 도움이 되는 중요한 기능입니다. 이 기능은 놀랍고 대부분의 사용 사례를 해결합니다. 최근에 경로 경로에 대한 모듈을 조건부로 로드해야 하는 사용자 시나리오에 직면했습니다. 시나리오는 사용자에게 일부 권한이 할당된 경우 모듈을 로드하거나 다른 모듈을 로드하는 것입니다. 사용 사례는 합법적인 것처럼 보이지만 현재 지연 로딩 모듈...
angularjavascriptwebdevelopmewebdev2022-10 last update
5 minutes reading
Angular의 DI는 구성 요소를 더 똑똑하게 만들 수 있습니다.
Angular에 내장된 Dependency Injection은 매우 강력하며 오늘은 이를 사용하여 구성 요소를 스마트하게 만드는 방법을 살펴보겠습니다. 버튼 컴포넌트에 대해 알아보겠습니다. 여기에서 버튼 구성 요소가 다양한 사용 사례를 처리하는 데 사용할 수 있도록 다른 구성 옵션을 제공한다는 것을 알 수 있습니다. 이러한 모든 입력을 항상 제공하는 것은 번거롭게 되어 불일치로 이어질 수도 ...
angularjavascriptcomponentwebdev2022-10 last update
12 minutes reading
Angular에서 CAPS-LOCK 켜기/끄기 이벤트 처리
이것은 흥미롭지 만 일반적으로 예상되는 사용 사례입니다. 특히 암호를 입력하는 동안 사용자에게 CAPS-LOCK이 켜져 있음을 경고하여 사용자가 암호를 인식하고 필요한 경우 변경할 수 있도록 합니다. CAPS-LOCK-ON/OFF 메시지를 표시하는 방법을 보여주는 Angular 13.3.0 애플리케이션 이 데모에서는 몇 가지 시나리오를 처리합니다. 사용자가 암호 필드에 있는 동안 caps-l...
angularmaterialjavascriptevent2022-10 last update
5 minutes reading
NGXS를 사용한 Angular 상태 관리 - 1부
#NGXS를 사용하여 #Angular 애플리케이션의 상태를 관리하는 것이 얼마나 쉬운지 확인하고 NGXS를 Auth0의 SDK와 함께 사용하여 사용자 관련 기능을 처리하는 방법을 알아보세요. 상태 관리는 응용 프로그램을 빌드할 때 핵심 구성 요소입니다. 각각 장단점이 있는 Angular 애플리케이션에서 상태를 관리할 수 있는 다양한 접근 방식이 있습니다. 이 블로그 게시물은 NGXS를 상태 ...
angularsecurityprogramming2022-10 last update
11 minutes reading