준준의 기록일지

Javscript 이메일/전화번호 유효성 검증에 대한 간결하고 좋은 코드가 있어 공유합니다. //이메일 체크 정규식 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); // 형식에 맞는 경우 true 리턴 } //휴대폰 전화 체크 정규식 function isCelluar(asValue) { var regExp = /^01(?:0|1|[6-9])-(?:\d{3}|\d{4})-\d{4}$/; return regExp.test(asValue); // 형식에 맞는 경우 true 리턴 }..

CSS in JS란? 스타일 정의를 CSS파일이 아닌 Javascript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법이다. 기존 웹사이트를 개발할 때는 HTML, CSS, JavaScript를 각자 별도의 파일에 두는 것을 BEST로 여겼으나 React, Vue, Angular로 인해 개발 페더라임이 바뀌고 있다. 최근에는 웹 애플리케이션을 여러 개의 재활용이 가능한 빌딩 블록으로 분리하여 개발하는 컴포넌트 기반 개발 방법이 주류가 되고 있다. 따라서 웹페이지를 HTML, CSS, JavaScript 3개로 분리하는 것이 아니라, 여러 개의 컴포넌트로 분리하고 각 컴포넌트에 HTMl ,CSS, JavaScript을 몽땅 때려 박는 패턴이 많이 사용되고 있다. React는 JSX를 사용해서 이미 Java..

ExtJS는 방대한 라이브러리를 클래스로 만들어 관리하고 있다. 클래스 정의 방법 : Ext.define문을 이용해 정의한다. (마치 객체지향과 같이) - Ext.define ('클래스명', {...}); 정의된 클래스를 생성하기 위해서는 Ext.create문을 사용한다. - Ext.create로 Ext.define으로 정의된 객체를 생성한다. - Ext.create ('정의된 클래스', {...}); 이후 xtype:앨리어스명'과 같이 앨리어스(alias)명을 사용할 경우 Ext.create와 동일하게 동작한다. 예시 Motor라는 클래스를 정의해보자. Ext.define('Motor', {...}); Motor클래스는 일반속성과 config 속성을 가진다. - config 속성은 설정과 같은 속성으로..

출처 : firework-ham.tistory.com/29 [React] constructor() 생성자 사용법 class TempComponent extends Component{ constructor(props){ super(props); } render(){ return( ); } } React에서 Component를 생성할 때 state 값을 초기화하거나 메서드를 바인딩할 때 construcotr()를 사.. firework-ham.tistory.com React에서 Component를 생성할때 state 값을 초기화하거나 메서드를 바인딩할때 constructor()를 사용한다. 해당 생성자 내에서는 어떤 API를 호출하는 것이 아니라, this.state로 초기값을 할당해줘야 한다. 생성자는 t..