IT Note269 728x90 Angular #jqxRadioButton [groupName] is not working 1 2 type1 type2 jqxRadioButton 에 [groupName]을 주었는데 모든 버튼이 하나로 묶이는 현상이 생깁니다. 해결 방법을 찾다찾다 우연히 찾게된 놀라운 방법... I gave jqxRadioButton [groupName] and all the buttons are bundled together. Finding a solution Amazing way found by accident ... - html 파일 - 1 2 type1 type2 - ts 파일 - @ViewChildren('_type1 _type2') _types : jqxRadioButtonComponent; ... //this._types._results.find(result=>result.val()) //선택 값.. 2019. 10. 22. JAVA_ JAR, WAR, EAR 차이점 JAR, WAR, EAR 차이점 ※ J2EE 애플리케이션에서 모듈은 기능에 따라 EAR, JAR 및 WAR로 패키지됩니다. 1. JAR (java archive) : 엔터프라이즈 Java Bean (클래스 파일) 및 EJB 배치 디스크립터를 포함하는 EJB 모듈은 .jar 확장을 갖는 JAR 파일로 압축됩니다. 2. WAR (web archive) : 서블릿 클래스 파일, JSP 파일, 지원 파일, GIF 및 HTML 파일을 포함하는 웹 모듈은 확장자가 .war (웹 아카이브) 인 JAR 파일로 패키지됩니다. 3. EAR (enterprise archive) : 위의 모든 파일 (.jar 및 .war)은 확장자가 .ear (enterprise archive) 인 JAR 파일로 패키지되어 Applicati.. 2019. 9. 12. Angular #자주 쓰이는 다섯 syntax Angular's template 자주 쓰이는 다섯 syntax 반복문 *ngFor : 컬렉션의 각 항목에 대한 템플릿을 렌더링하는 구조적 지시문입니다. 지시문은 요소에 배치되며 복제 된 템플릿의 부모가됩니다. ex) {{ product.name }} : products의 갯수만큼 반복 출력 조건문 *ngIf : 부울로 강제 된 표현식의 값을 기반으로 템플릿을 조건부로 포함하는 구조적 지시문입니다. 식이 true로 평가되면 Angular는 then 절에 제공된 템플릿을 렌더링하고, false 또는 null 인 경우 선택적 else 절에 제공된 템플릿을 렌더링합니다. else 절의 기본 템플릿은 비어 있습니다. ex1) condition 이 true면 객체 출력, false면 미출력 Description:.. 2019. 9. 12. Angular #Angular, AngularJS 차이점 *2019-09-12 AM12:21 기준 Angular, AngularJS 차이점 비교 Angular TypeScript 기반 TypeScript는 ES6의 상위 세트이며 ES5와 호환됩니다. Angular는 람다 연산자, 반복자 또는 리플렉션 메커니즘과 같은 ES6의 이점이 있습니다. Angular에는 범위 또는 컨트롤러 개념이 없습니다. 그 대신 구성 요소의 계층 구조를 주요 아키텍처 개념으로 사용합니다. 구성 요소는 템플리트가있는 지시문입니다. 이는 사용자 인터페이스 구축에 사용되는 또 다른 라이브러리 인 ReactJS와 유사한 접근 방식입니다. Initial release: 2.0 / 14 September 2016; 2 years ago Stable release: 8.2.4 / 28 Augus.. 2019. 9. 12. jQuery #jqXHR 란? / ajax async true false 차이 jQuery.ajax() async async : true = 비동기 (Asynchronous, 요청을 보낸 후 응답결과와는 상관없이 다음방식이 동작하는 방식) async : false = 동기 (Synchronous, 요청을 보낸 후 응답결과를 받아야지만 다음 동작이 이루어지는 방식) async (default : true) type : boolean 기본적으로 모든 요청은 비동기적으로 전송됩니다 (즉, 기본적으로 true로 설정 됨). 동기 요청이 필요한 경우이 옵션을 false로 설정하십시오. 도메인 간 요청 및 dataType : "jsonp"요청은 동기 작업을 지원하지 않습니다. 동기 요청은 브라우저를 일시적으로 잠글 수 있으며 요청이 활성화 된 동안 모든 작업을 비활성화 할 수 있습니다. jQ.. 2019. 9. 11. Angular #Create My First Project 1. Create Angular Project ＊[my-first-project] 은 사용자 정의 프로젝트명이 들어갑니다. $ ng new [my-first-project] $ cd [my-first-project] 2. Builds and serves your app, rebuilding on file changes 앱을 빌드합니다. $ ng serve 3. localhost:4200 Web browser에서 빌드된 프로젝트의 첫 화면을 접속합니다. ng serve 참고 사이트(EN) : https://angular.io/cli/serve 2019. 9. 10. Angular #Angular CLI 설치 Angular CLI 란? Angular CLI는 간단한 명령어를 사용하여 Angular 프로젝트 스캐폴딩(scaffolding)을 생성, 실행, 빌드할 수 있으며 Angular의 다양한 구성 요소를 선별적으로 추가할 수 있는 커맨드-라인 인터페이스(command line interface)입니다. 개발용 서버를 내장하고 있어 프로젝트 실행 동작을 확인할 수 있습니다. Angular CLI 설치하기 $ npm install -g @angular/cli ※ 유의사항 node.js의 버전이 angular cli의 버전과 맞지 않을 경우가 있습니다. 그럴 경우 node.js와 npm의 버전을 최신버전으로 맞추고 진행합니다. ※ node.js 최신버전 업데이트 1. 지웠다 다시 깝니다. (제일 쉽고 확실한 방법.. 2019. 9. 10. JAVA_ Fail-Safe Iterator vs Fail-Fast Iterator Fail-Safe Iterator vs Fail-Fast Iterator Fail-Fast systems은 가능한 빨리 실패를 노출하고 전체 작업을 중지하여 작업을 중단합니다. 반면 Fail-Safe systems은 장애 발생시 작업을 중단하지 않습니다. 따라서 가능한 한 많은 실패를 피하려고 노력합니다. Fail-Fast Iterators Iterator의 remove() 메소드 이외의 코드로 기존 Collection이 수정되면 Fail-fast iterators는 예외가 발생합니다. Collection은 modCount라는 내부 카운터를 유지합니다. Collection에서 항목을 추가하거나 제거 할 때마다 이 카운터가 증가합니다. 반복 할 때 각 next() 호출에서 modCount의 현재 값이 초기.. 2019. 9. 9. JAVA_ 컬렉션 프레임워크 / HashMap과 Hashtable의 차이점 스레드 동기화가 필요하지 않은 경우 일반적으로 HashMap이 HashTable보다 선호됩니다. HashMap Hashtable HashMap은 동기화가 안됩니다. Hashtable은 동기화가 됩니다. HashMap은 스레드에 안전하지 못합니다. Hashtable은 스레드에 안전합니다. HashMap은 적절한 동기화 코드가 없다면 많은 스레드간 공유가 불가능합니다. Hashtable은 많은 스레드에 공유 가능합니다. HashMap은 하나의 null 키 값과 다수의 null 벨류 값을 가질 수 있습니다. Hashtable은 null 사용이 불가능합니다. HashMap은 JDK 1.2에 추가된 클래스입니다. Hashtable은 오래된(래거시) 클래스입니다. HashMap은 빠릅니다. Hashtable은 느립.. 2019. 9. 8. React.js #JSX 인라인 스타일링 리액트에서 DOM 요소에 스타일을 적용할 때는 문자열 형태로 적용할 수 없습니다. 그 대신 css 스타일을 자바스크립트 객체 형식으로 만들어 적용해야 하는데요. key는 카멜표기법(camelCase)으로 작성합니다. App.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 //(1) import React //리액트는 하나의 태그 안에 감싼 형태여야 합니다. //다중행의 태그로 선언하려할 땐 Fragment로 감쌀 수 있습니다. import React, { Component, Fragment } from 'react'; //(2) import css //style은 render(){}안에 .. 2019. 9. 3. 728x90 이전 1 ··· 5 6 7 8 9 10 11 ··· 27 다음 728x90
