전체 글131 9. Validation origin Angular入門 未経験から1ヶ月でサービス作れるようにする その8. バリデーション - Qiita Angularにおけるバリデーションの基礎を解説していきます。 今回は、 バリデーションの使い方 Angularのビルトインバリデーションの種類 をやっていきます。 前回の振り返り 前回は、Angularの qiita.com product-edit.component의 name 을 필수로 입력해야하는 validation(유효성 검사)을 추가해보겠다. html에 아래 코드를 추가한다. ts에 아래 코드를 추가한다. 이건 getter다. 메서드가 아닌 것처럼 ()없이 호출할 수 있다. 그렇기때문에 HTML에서 읽을때 name으로만 부를 수 있다. 이 productForm.get('name')에서 취득할 수 있는 것은 Form.. 2022. 1. 28. 8. Angular Reactive Forms 원문 Angular入門 未経験から1ヶ月でサービス作れるようにする その7. Angularのフォーム2 (Reactive forms) - 前回 は、これまで学んできたことの実践を通してAngularに対する知識を深めました。 本記事では、 [(ngModel)] を利用しないフォーム ( Reactive forms といいます )の書き方を学んでいきます。 Re... qiita.com [(ngModel)]을 FormGroup, FormControl로 교체하기 1. 새로운 모듈 추가 (ReactiveFormsModule 추가) [formGroup]은 ReactiveFormModule에 소속되어있으므로 (Angular 공식 홈페이지 참고https//angular.io) 모듈에 추가한다. 2. component.ts 코드 작성 FormB.. 2022. 1. 27. データバインディング origin 2022. 1. 27. 7. URL 파라미터 이용 원문 Angular入門 未経験から1ヶ月でサービス作れるようにする その6.5 URLパラメータの利用とここまで これまでの記事で、インストールからルーティング、リンクやクリックイベントなどAngularの基礎的な部分を学習してきました。 本記事では、これまで学習した内容を使ってプロジェクトを qiita.com 리스트 표시, 상세, 편집화면으로의 화면전환 추가 1. 마우스 호버의 취득 마우스호버상태 취득은 mouseenter, mouseleave 두가지 이벤트를 취득하는 것으로 구현해보겠음. 우선 이 두가지 이벤트가 발생할 때 실행되는 메서드를 component에 추가한다. HTML상에서 각 상품리스트 위에 mouseenter, mouseleave 이벤트를 취득하여 추가한 메서드를 호출하도록 해보자. 이로써 각 리스트에 마우스가 호.. 2022. 1. 27. 6. ngModel을 이용한 Form 원문 Angular入門 未経験から1ヶ月でサービス作れるようにする その6. ngModelを使ったフォーム - Qiita 前回は、 ES6とTypescriptの基礎 Typescriptの型定義について Angularでのデータ管理の基礎2 サービスクラスの作成 を学びました。 本記事では、 HTMLのフォーム要素とTyp... qiita.com [(ngModel)] Typescript와 HTML로의 쌍방향 바인딩으로 데이터가 동기화 되는 구조 https://angular.io/guide/architecture-components#data-binding Angular angular.io product edit page 작성 1. ng g component product/product-edit로 컴포넌트 생성 2. routes에 추.. 2022. 1. 26. JS와 동기/비동기 원문 동기, 비동기 처리 데이터를 처리하는 방식인 동기, 비동기 처리에 대해 많은 글이 있지만 정확하게 와닿지가 않았다. 최대한 내가 이해한 방식대로 서술해 보려고 한다. 동기 (Synchronous)는 요청과 동시에 일어난다 velog.io 동기: 서버에서 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행 할 수 있음. 비동기 방식: 응답 상태와 상관없이 다음 동작을 수행 할 수 있음. setTimeout()와 같은 비동기적 API를 사용할 경우 결과값은 콘솔에 찍은 순서대로 나오지않고 비동기적 API를 제외한 모든 코드가 실행 된 이후 결과를 콘솔에 찍기 때문에 バラバラ 비동기적 코드의 실행 결과는 동기적 코드가 전부 실행되고나서 값을 반환한다. 자바스크립트와 비동기 처리 [Javascript] 🌟.. 2022. 1. 26. 이전 1 ··· 3 4 5 6 7 8 9 ··· 22 다음
