Angular 【Angular】드래그&드롭으로 화상을 읽어들여 표시한다 마지막 : 이번에는 드래그 앤 드롭으로 영역으로 드래그하여 가져온 이미지를 불러와 표시하는 샘플을 만들어 갑니다. 미기록 클래스는 부트스트랩을 참조하십시오. html css typescript preventDefault를 작동시키지 않으면 브라우저에서 이미지를 열어 버린다.... Angular Firestore에서 특정 필드의 값을 가져오는 가장 쉬운 방법(Angular) 이 기사에서 쓴 것처럼 특정 필드의 값을 얻는데 상당히 고전한 경험이 있다. 그러나 어쩌면 이번에는 순조롭고 똑똑한 코드로 만들어졌습니다 왜 전에는 이렇게 고생했을까? (알고있는 사람, 말해주세요 · ·) 이런 식으로 Firestore에 데이터가 들어갔다면 원하는 데이터는 user의 필드이다 isLocked 값! 이 녀석을 얻으려면 어떻게해야합니까? 이 프로젝트에 있음 ※필요 최소한의 코드입... AngularFirebaseTypeScript자바스크립트Firestore NgModule/Angular 공부회 #2 Angular는 NgModule 라고 불리는 모듈 시스템에 의해 모듈화되고 있다 비슷한 기능을 모듈화하고 결합하는 것이 가장 좋은 방법입니다. 다른 모듈을 가져오거나 다른 모듈에 게시하는 기능을 내보낼 수 있습니다. 모든 Angular 앱에는 AppModule라는 루트 모듈이 있습니다. app.module.ts라는 이름으로 정의됩니다 다른 Angular의 요소와 마찬가지로 @NgModule ... AngularTypeScript Angular에서 swiper를 사용하려고했지만 망설이는 이야기 Angular에서 swiper를 사용하여 슬라이드 쇼 녀석을 만들려고합니다. 을 참고로 구현하려고했지만 "<", ">"를 눌러도 전혀 반응하지 않고, 여러가지 시험한 결과, 어떻게든 반응해 주었으므로, 그 결과를 남겨둔다. 덧붙여서 각 버전은 아래와 같이 Death! Angular: 10.1.6 swiper :6.3.4 swiper slideNext 방법 부르면 움직인다. component.... Angularswiper Angular의 Chunk 오류 설명 Angular 앱을 개발하고 있다면 한 번은 다음 오류에 직면 한 적이 있습니까? 파란색 사각형으로 둘러싸인 곳을 보면 ChunkLoadError: Loading chunk 14 failed. 로 표시됩니다. 이 오류 메시지는 소위 Chunk 오류입니다. 만약 지금까지 이 에러 메세지를 본 적이 있어, 대응에 곤란하고 있는 등 있으면 참고가 될지도 모릅니다. 이 파일의 무결성은 지연 읽기 모... Angularerror @angular/cli 설치부터 Angular 프로젝트 작성까지 이번은 @angular/cli의 인스톨을 하고 나서 실제로 Angular 프로젝트를 실행할 때까지를 써 갑니다! Node.js가 설치되어 있어야하므로, 아직 설치하지 않은 사람은 를 봐! @angular/cli 설치 ng new 명령으로 Angular 프로젝트 만들기 실제로 브라우저에서 확인해 보자! "npm install -g @angular/cli"를 실행하기 만하면됩니다 설치되어 있는지... Angular자바스크립트TypeScriptNode.js Node.js 설치 방법(Windows) 이번에는 Node.js의 버전 관리 도구 Nodist를 사용하여 설치하는 방법을 작성합니다! 나중에 @angular/cli를 넣기 때문에 Node.js의 버전을 12.18.2로 지정하고 있습니다. (Node.js 공식 사이트의 현재 권장 버전 12.19.0이라면 @angular/cli 설치에 실패했기 때문에) Nodist 설치 Nodist를 사용하여 Node.js 설치 아래 사이트에서 "No... Angular자바스크립트Node.js Angular 프로젝트 만들기 · Node.js가 설치되어 있음 · Angular Cli가 설치되어 있음 · VSCode가 설치되어 있음 1) VSCode의 터미널에서 "ng new"명령 실행으로 프로젝트 작성 my-app는 임의의 이름으로 좋다 2) 어플리케이션을 기동, 브라우저로 확인 작성한 프로젝트로 이동하여 「ng serve」명령 실행으로 어플리케이션 기동 「-o」옵션으로 기동시에 자동으로 브라우저를 열 수 있다 ... AngularVSCode Angular+Golang(gin)으로 SPA 만들기 Angular에서 만든 SPA(싱글 페이지 애플리케이션)에 대해 Golang 웹 프레임워크인 gin을 사용하여 HTTP 액세스를 허용합니다. 로그를 알기 쉽기 때문에. 기사가 보이지 않았기 때문에 전제 을 통한 것. 튜토리얼 정도의 Angular CLI를 사용할 수 있는 것. 이미 자신이 만든 Angular 프로젝트가 있다고 가정합니다. 직접 만든 Angular 프로젝트가없는 경우 : 후술하... AngularTypeScriptgin자바스크립트5 제8회: 뉴스 피드 취득 서버 IF를 웹 앱에서 호출 이번에는 이전에 작성한 뉴스 피드 목록 취득 IF를 프런트 엔드에서 호출해 보겠습니다. 빈 서비스 만들기 프런트 엔드에서 REST API를 처리하는 서비스를 만듭니다. rest.service.ts 및 테스트 코드 rest.service.spec.ts가 만들어집니다. src/app/app.module.ts에서 다음을 수정하여 앱에 service를 로드합니다. 뉴스피드용 데이터 클래스 만들기 s... Angular 제5회:뉴스 피드의 날짜 포맷을 변환한다(파이프) 이번에는 파이프라는 것을 사용하여 뉴스 피드에 표시되는 날짜와 시간을 원하는 형식으로 변환합니다. 명령행에서 사용되는 파이프와 같은 의미가 됩니다. 파이프 만들기 다음 명령을 실행하여 파이프를 만듭니다. app.module.ts에 다음 수정 사항이 있는지 확인합니다. 이렇게 하면 만든 파이프와 앱이 연결됩니다. 파이프의 기재 내용에 대해서 만든 date-to-string.pipe.ts를 확인... Angular 제4회:뉴스 피드 일람 화면을 만든다(화면 천이와 지시어) 이번에는 뉴스 피드 목록 화면을 만듭니다. 구성 요소 추가 src/app/components/newsfeeds 에 컴퍼넌트가 추가된다. 모듈 업데이트 내용 확인 src/app/app.module.ts 에 컴퍼넌트가 추가된다. 업데이트된 내용 라우터 업데이트 내용 확인 src/app/app-routing.module.ts에 경로를 등록하십시오. 다음을 추가합니다. src/app/componen... AngularNode.js Angular Observer pattern 정보 Angular의 RxJS를 이용한 Observer pattern은 RxJS의 기초이기도 하고, 주저하기 쉬운 포인트의 하나입니다. 대체로 쓴 직후라든지는 무엇을 하고 있는지 이해할 수 있지만, 잠시 후 같은 코드를 보면 "Subject는 무엇을 하고 있는 거야?""subscribe가 어디에도 보이지 않는데?"같은 상태가 되어 버려, 그것을 여러 번 반복해 버립니다(샘플수 1). 이 문서를 통... Angular자바스크립트 Angular 10과 Firebase에서 블로그를 만들어 보는 10 (flex-layout으로 반응 대응해 본다) 로부터 꽤 사이가 비어 버렸습니다만, 이번은 flex-layout를 도입해 반응형 대응해 보려고 생각합니다. ※Angular10에 업데이트했기 때문에, 타이틀 바뀌고 있습니다 Angular9 => 10 업데이트 정보 ※Angular10에 버전 업하고 있습니다 공식대로 설치 src/app/app.module.ts fxLayout 를 플렉스 레이아웃을 적용하는 요소에 부여합니다. 기본은 가로로 ... Angularflexbox Angular와 Cesium.js를 사용하여 3D 모델을 움직이는 곳까지 시도했습니다. Cesium.js를 Angular 응용 프로그램에서 사용하게 되었기 때문에 지식을 공유하려고합니다. 비교적 기초적인 내용입니다만, 영어의 문서를 읽는데 힘든 생각을 했으므로 비망록을 겸해 투고합니다. 바라면 누군가의 도움이 되는 것을… Cesium.js의 설명에 대해서는 이 기사에서 기본적인 부분은 해설하고 있으므로 생략합니다. 우선 새로운 Angular 프로젝트를 만듭니다.ng new ce... Angular자바스크립트TypeScriptCesium.js 【Angular/Typescript】 클래스나 형태의 사용법의 샘플 컴포넌트 이외의 독자적인 클래스를 만들고 싶을 때의 메모 샘플을 움직여서 알고 싶은 사람을 위해 · AbstructClass와 상속 ・private/protected의 차이 ・super의 사용법 ・리터럴형 · 읽기 전용 readonly …등의 메모입니다. 예로서 ・동물 클래스 ・동물 클래스를 계승한 분류 클래스 ・분류 클래스를 계승한 종류 클래스 만들겠습니다. AnimalClass ・abst... AngularTypeScript 【Angular Material】Icon의 테마를 바꾸고 싶다. 에서 에는 베이스가 되는 것 외에 「Outlined」 「Rounded」 「Two-Tone」 「Sharp」라는 테마가 준비되어 있다. 이번에는 이것을 전환하는 방법에 대해 공유한다. 이미 ng add 명령으로 Angular Mateiral을 도입한 전제로 진행한다. index.html 의 <head></head> 안에 있는 Google Fonts의 Material Icon 스타일을 로드하는 부... AngularangularMaterial Rails로 푹신하고 현대적인 JavaScript 개발 트위터로 Browserify 좋다든지 바보처럼 짹짹했던 곳 전 상사로부터 지금부터 사용한다면 webpack에서 좋지 않을까? nekoya (@nekoya) 라든지 반응이 있었기 때문에 webpack에 새장. 클라이언트 측은 템플릿과 끈적이기 때문에 완전 분리는 포기한다. 거기서 나누어 적당히 떼어 놓기로 한다. ↓여기를 참고로. Rails 초보자 Rails 4.2.1 Rails 짱에 인 되고... AngularRailsRails4자바스크립트webpack AngularJS에서 데이터를 공유하는 서비스의 병아리 (CoffeeScript 버전) 그물에 이거!!라는 정보를 볼 수 없었다 Factory와 Service의 구분을 잘 모르겠습니다 어쨌든 copipe로 즉시 움직이는 사람을 원합니다 라는 2,3일 전의 나 같은 미지근한 엔지니어를 위해서. 츳코 볼거리 다수라고 생각됩니다만, 다시 움직입니다! index.html hoge.js ※ hoge.js는 복수 파일로 분할되는 것을 상정해 쓰고 있습니다 제대로 양방향 데이터 바인딩됩니다... AngularCoffeeScript AngularJS로 Markdown 표시 (CoffeeSctipt 편) 연습으로 AngularJS 응용 프로그램을 만들고 있습니다. Yeoman에서 샘플을 만들면, "about"라고 하는 페이지가 생기기 때문에, 여기에는 Markdown에서 쓴 기록을 올리고 싶다...라고 생각한 것이 계기. 덧붙여 이번은 CoffeeScript를 사용하고 있기 때문에, CoffeeScript의 공부용으로 옮겨놓는다는 것이 목표입니다. 기본적으로, 아래의 기사에 전면적으로 신세를... AngularMarkdownCoffeeScript 프런트 엔드에서 DDDLike 아키텍처를 도입했을 때에 곤란한 일·대책(검토중도 포함한다) Repository 계층, Store 계층과의 연결. Repository 계층에서 가져온 데이터를 Store에 저장합니다. (DDD에 넣을 수있는 도메인 모델링) Query Store 레이어에서 검색된 데이터를 편집하고 검색합니다. 하나의 화면이 있는 Component와 재이용성이 있는 Component로 나누었다. 엔티티, 값 개체를 작성할 때, 독특하고 유행하는 같은 설명은 프런트 엔드에... AngularDDDCQRS [Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법 (2020년 12월 추가) 처음 쓴 ng.probe 는 없어졌다(?) 것 같습니다. 대신 아래와 같이 지정한 요소가 포함된 구성 요소를 검색할 수 있습니다. Angular의 구성 요소를 브라우저의 콘솔에서 조금 들여다 보는 방법입니다. AngularJS 시대는 어떻게 방법으로 갈 수 있었습니다. 그것의 Angular 시대 버전입니다. Inspector에서 보고 싶은 요소를 선택합니다. 다음과... firefoxChromeAngular Elixir/Phoenix+Angular로 환경 구축 최근 angular에 접할 기회가 있어, Phoenix에서 함께 개발할 수 없을까-라고 생각해 조금 시도해 보았습니다. Elixir : 1.6.4 (compiled with OTP 20) phoenix : 1.3.4 Node : v8.9.3 Angular CLI: 7.0.2 JS의 빌드 도구인 brunch와 html은 작성하지 않습니다. Phoenix 프로젝트 안에 angular 프로젝트를 ... AngularElixirPhoenixangular-cli
【Angular】드래그&드롭으로 화상을 읽어들여 표시한다 마지막 : 이번에는 드래그 앤 드롭으로 영역으로 드래그하여 가져온 이미지를 불러와 표시하는 샘플을 만들어 갑니다. 미기록 클래스는 부트스트랩을 참조하십시오. html css typescript preventDefault를 작동시키지 않으면 브라우저에서 이미지를 열어 버린다.... Angular Firestore에서 특정 필드의 값을 가져오는 가장 쉬운 방법(Angular) 이 기사에서 쓴 것처럼 특정 필드의 값을 얻는데 상당히 고전한 경험이 있다. 그러나 어쩌면 이번에는 순조롭고 똑똑한 코드로 만들어졌습니다 왜 전에는 이렇게 고생했을까? (알고있는 사람, 말해주세요 · ·) 이런 식으로 Firestore에 데이터가 들어갔다면 원하는 데이터는 user의 필드이다 isLocked 값! 이 녀석을 얻으려면 어떻게해야합니까? 이 프로젝트에 있음 ※필요 최소한의 코드입... AngularFirebaseTypeScript자바스크립트Firestore NgModule/Angular 공부회 #2 Angular는 NgModule 라고 불리는 모듈 시스템에 의해 모듈화되고 있다 비슷한 기능을 모듈화하고 결합하는 것이 가장 좋은 방법입니다. 다른 모듈을 가져오거나 다른 모듈에 게시하는 기능을 내보낼 수 있습니다. 모든 Angular 앱에는 AppModule라는 루트 모듈이 있습니다. app.module.ts라는 이름으로 정의됩니다 다른 Angular의 요소와 마찬가지로 @NgModule ... AngularTypeScript Angular에서 swiper를 사용하려고했지만 망설이는 이야기 Angular에서 swiper를 사용하여 슬라이드 쇼 녀석을 만들려고합니다. 을 참고로 구현하려고했지만 "<", ">"를 눌러도 전혀 반응하지 않고, 여러가지 시험한 결과, 어떻게든 반응해 주었으므로, 그 결과를 남겨둔다. 덧붙여서 각 버전은 아래와 같이 Death! Angular: 10.1.6 swiper :6.3.4 swiper slideNext 방법 부르면 움직인다. component.... Angularswiper Angular의 Chunk 오류 설명 Angular 앱을 개발하고 있다면 한 번은 다음 오류에 직면 한 적이 있습니까? 파란색 사각형으로 둘러싸인 곳을 보면 ChunkLoadError: Loading chunk 14 failed. 로 표시됩니다. 이 오류 메시지는 소위 Chunk 오류입니다. 만약 지금까지 이 에러 메세지를 본 적이 있어, 대응에 곤란하고 있는 등 있으면 참고가 될지도 모릅니다. 이 파일의 무결성은 지연 읽기 모... Angularerror @angular/cli 설치부터 Angular 프로젝트 작성까지 이번은 @angular/cli의 인스톨을 하고 나서 실제로 Angular 프로젝트를 실행할 때까지를 써 갑니다! Node.js가 설치되어 있어야하므로, 아직 설치하지 않은 사람은 를 봐! @angular/cli 설치 ng new 명령으로 Angular 프로젝트 만들기 실제로 브라우저에서 확인해 보자! "npm install -g @angular/cli"를 실행하기 만하면됩니다 설치되어 있는지... Angular자바스크립트TypeScriptNode.js Node.js 설치 방법(Windows) 이번에는 Node.js의 버전 관리 도구 Nodist를 사용하여 설치하는 방법을 작성합니다! 나중에 @angular/cli를 넣기 때문에 Node.js의 버전을 12.18.2로 지정하고 있습니다. (Node.js 공식 사이트의 현재 권장 버전 12.19.0이라면 @angular/cli 설치에 실패했기 때문에) Nodist 설치 Nodist를 사용하여 Node.js 설치 아래 사이트에서 "No... Angular자바스크립트Node.js Angular 프로젝트 만들기 · Node.js가 설치되어 있음 · Angular Cli가 설치되어 있음 · VSCode가 설치되어 있음 1) VSCode의 터미널에서 "ng new"명령 실행으로 프로젝트 작성 my-app는 임의의 이름으로 좋다 2) 어플리케이션을 기동, 브라우저로 확인 작성한 프로젝트로 이동하여 「ng serve」명령 실행으로 어플리케이션 기동 「-o」옵션으로 기동시에 자동으로 브라우저를 열 수 있다 ... AngularVSCode Angular+Golang(gin)으로 SPA 만들기 Angular에서 만든 SPA(싱글 페이지 애플리케이션)에 대해 Golang 웹 프레임워크인 gin을 사용하여 HTTP 액세스를 허용합니다. 로그를 알기 쉽기 때문에. 기사가 보이지 않았기 때문에 전제 을 통한 것. 튜토리얼 정도의 Angular CLI를 사용할 수 있는 것. 이미 자신이 만든 Angular 프로젝트가 있다고 가정합니다. 직접 만든 Angular 프로젝트가없는 경우 : 후술하... AngularTypeScriptgin자바스크립트5 제8회: 뉴스 피드 취득 서버 IF를 웹 앱에서 호출 이번에는 이전에 작성한 뉴스 피드 목록 취득 IF를 프런트 엔드에서 호출해 보겠습니다. 빈 서비스 만들기 프런트 엔드에서 REST API를 처리하는 서비스를 만듭니다. rest.service.ts 및 테스트 코드 rest.service.spec.ts가 만들어집니다. src/app/app.module.ts에서 다음을 수정하여 앱에 service를 로드합니다. 뉴스피드용 데이터 클래스 만들기 s... Angular 제5회:뉴스 피드의 날짜 포맷을 변환한다(파이프) 이번에는 파이프라는 것을 사용하여 뉴스 피드에 표시되는 날짜와 시간을 원하는 형식으로 변환합니다. 명령행에서 사용되는 파이프와 같은 의미가 됩니다. 파이프 만들기 다음 명령을 실행하여 파이프를 만듭니다. app.module.ts에 다음 수정 사항이 있는지 확인합니다. 이렇게 하면 만든 파이프와 앱이 연결됩니다. 파이프의 기재 내용에 대해서 만든 date-to-string.pipe.ts를 확인... Angular 제4회:뉴스 피드 일람 화면을 만든다(화면 천이와 지시어) 이번에는 뉴스 피드 목록 화면을 만듭니다. 구성 요소 추가 src/app/components/newsfeeds 에 컴퍼넌트가 추가된다. 모듈 업데이트 내용 확인 src/app/app.module.ts 에 컴퍼넌트가 추가된다. 업데이트된 내용 라우터 업데이트 내용 확인 src/app/app-routing.module.ts에 경로를 등록하십시오. 다음을 추가합니다. src/app/componen... AngularNode.js Angular Observer pattern 정보 Angular의 RxJS를 이용한 Observer pattern은 RxJS의 기초이기도 하고, 주저하기 쉬운 포인트의 하나입니다. 대체로 쓴 직후라든지는 무엇을 하고 있는지 이해할 수 있지만, 잠시 후 같은 코드를 보면 "Subject는 무엇을 하고 있는 거야?""subscribe가 어디에도 보이지 않는데?"같은 상태가 되어 버려, 그것을 여러 번 반복해 버립니다(샘플수 1). 이 문서를 통... Angular자바스크립트 Angular 10과 Firebase에서 블로그를 만들어 보는 10 (flex-layout으로 반응 대응해 본다) 로부터 꽤 사이가 비어 버렸습니다만, 이번은 flex-layout를 도입해 반응형 대응해 보려고 생각합니다. ※Angular10에 업데이트했기 때문에, 타이틀 바뀌고 있습니다 Angular9 => 10 업데이트 정보 ※Angular10에 버전 업하고 있습니다 공식대로 설치 src/app/app.module.ts fxLayout 를 플렉스 레이아웃을 적용하는 요소에 부여합니다. 기본은 가로로 ... Angularflexbox Angular와 Cesium.js를 사용하여 3D 모델을 움직이는 곳까지 시도했습니다. Cesium.js를 Angular 응용 프로그램에서 사용하게 되었기 때문에 지식을 공유하려고합니다. 비교적 기초적인 내용입니다만, 영어의 문서를 읽는데 힘든 생각을 했으므로 비망록을 겸해 투고합니다. 바라면 누군가의 도움이 되는 것을… Cesium.js의 설명에 대해서는 이 기사에서 기본적인 부분은 해설하고 있으므로 생략합니다. 우선 새로운 Angular 프로젝트를 만듭니다.ng new ce... Angular자바스크립트TypeScriptCesium.js 【Angular/Typescript】 클래스나 형태의 사용법의 샘플 컴포넌트 이외의 독자적인 클래스를 만들고 싶을 때의 메모 샘플을 움직여서 알고 싶은 사람을 위해 · AbstructClass와 상속 ・private/protected의 차이 ・super의 사용법 ・리터럴형 · 읽기 전용 readonly …등의 메모입니다. 예로서 ・동물 클래스 ・동물 클래스를 계승한 분류 클래스 ・분류 클래스를 계승한 종류 클래스 만들겠습니다. AnimalClass ・abst... AngularTypeScript 【Angular Material】Icon의 테마를 바꾸고 싶다. 에서 에는 베이스가 되는 것 외에 「Outlined」 「Rounded」 「Two-Tone」 「Sharp」라는 테마가 준비되어 있다. 이번에는 이것을 전환하는 방법에 대해 공유한다. 이미 ng add 명령으로 Angular Mateiral을 도입한 전제로 진행한다. index.html 의 <head></head> 안에 있는 Google Fonts의 Material Icon 스타일을 로드하는 부... AngularangularMaterial Rails로 푹신하고 현대적인 JavaScript 개발 트위터로 Browserify 좋다든지 바보처럼 짹짹했던 곳 전 상사로부터 지금부터 사용한다면 webpack에서 좋지 않을까? nekoya (@nekoya) 라든지 반응이 있었기 때문에 webpack에 새장. 클라이언트 측은 템플릿과 끈적이기 때문에 완전 분리는 포기한다. 거기서 나누어 적당히 떼어 놓기로 한다. ↓여기를 참고로. Rails 초보자 Rails 4.2.1 Rails 짱에 인 되고... AngularRailsRails4자바스크립트webpack AngularJS에서 데이터를 공유하는 서비스의 병아리 (CoffeeScript 버전) 그물에 이거!!라는 정보를 볼 수 없었다 Factory와 Service의 구분을 잘 모르겠습니다 어쨌든 copipe로 즉시 움직이는 사람을 원합니다 라는 2,3일 전의 나 같은 미지근한 엔지니어를 위해서. 츳코 볼거리 다수라고 생각됩니다만, 다시 움직입니다! index.html hoge.js ※ hoge.js는 복수 파일로 분할되는 것을 상정해 쓰고 있습니다 제대로 양방향 데이터 바인딩됩니다... AngularCoffeeScript AngularJS로 Markdown 표시 (CoffeeSctipt 편) 연습으로 AngularJS 응용 프로그램을 만들고 있습니다. Yeoman에서 샘플을 만들면, "about"라고 하는 페이지가 생기기 때문에, 여기에는 Markdown에서 쓴 기록을 올리고 싶다...라고 생각한 것이 계기. 덧붙여 이번은 CoffeeScript를 사용하고 있기 때문에, CoffeeScript의 공부용으로 옮겨놓는다는 것이 목표입니다. 기본적으로, 아래의 기사에 전면적으로 신세를... AngularMarkdownCoffeeScript 프런트 엔드에서 DDDLike 아키텍처를 도입했을 때에 곤란한 일·대책(검토중도 포함한다) Repository 계층, Store 계층과의 연결. Repository 계층에서 가져온 데이터를 Store에 저장합니다. (DDD에 넣을 수있는 도메인 모델링) Query Store 레이어에서 검색된 데이터를 편집하고 검색합니다. 하나의 화면이 있는 Component와 재이용성이 있는 Component로 나누었다. 엔티티, 값 개체를 작성할 때, 독특하고 유행하는 같은 설명은 프런트 엔드에... AngularDDDCQRS [Angular] Angular 앱을 브라우저 콘솔에서 디버깅하는 방법 (2020년 12월 추가) 처음 쓴 ng.probe 는 없어졌다(?) 것 같습니다. 대신 아래와 같이 지정한 요소가 포함된 구성 요소를 검색할 수 있습니다. Angular의 구성 요소를 브라우저의 콘솔에서 조금 들여다 보는 방법입니다. AngularJS 시대는 어떻게 방법으로 갈 수 있었습니다. 그것의 Angular 시대 버전입니다. Inspector에서 보고 싶은 요소를 선택합니다. 다음과... firefoxChromeAngular Elixir/Phoenix+Angular로 환경 구축 최근 angular에 접할 기회가 있어, Phoenix에서 함께 개발할 수 없을까-라고 생각해 조금 시도해 보았습니다. Elixir : 1.6.4 (compiled with OTP 20) phoenix : 1.3.4 Node : v8.9.3 Angular CLI: 7.0.2 JS의 빌드 도구인 brunch와 html은 작성하지 않습니다. Phoenix 프로젝트 안에 angular 프로젝트를 ... AngularElixirPhoenixangular-cli