준준의 기록일지

Vue Instance - vue에서 제공하는 api로 개발하기 쉽게 기능들을 제공하는 것 - new Vue({ el : '#app' }); - #app은 body태그 안에서 app이라는태그를 찾아서 인스턴스를 붙이겠다는 의미! - 그리고 인스턴스 안에 data를 정의하면 data안에 속성들도 사용 가능하다. 그럼 왜 인스턴스를 생성하고 사용하는가? 전역 컴포넌트 선언 방법 Vue.component('컴포넌트 이름', 컴포넌트 내용) - 위와 같이 선언한 뒤 으로 사용 가능하나, 전역으로 컴포넌트를 쓸 일은 거의 없다. - 보통 서비스를 구현할때 플러그인이라 라이브러리로 전역으로 사용하는 것에 대해서만 사용한다. 지역 컴포넌트 선언방법 new Vue({ el : '#app', components : {..

[ExtJS] 탭패널 (closable / tabPosition / disabled) tabPosition ( top / bottom / left / right ) 탭바 위치변경을 위해서는 tabPosition의 속성 적용 closable : boolean ( true / false ) 탭 패널 하위의 패널 컴포넌트에 적용 닫고자 하는 패널에 closable : true를 선언하면 탭바에 닫기버튼이 생성 default - destroy 속성이므로 닫기 버튼 클릭 시 패널이 파괴된다. disabled : boolean ( true / false ) 탭패널 하위의 패널컴포넌트에 적용 disabled 속성을 true로 적용된 패널은 비활성상태가 된다. 출처 : mongodev.tistory.com/52 Ext..

라이프사이클 : 어떤 객체가 생성부터 파괴되는 시점 사이에서 자동으로 호출되는 메서드들의 집합 컴포넌트 생성과 DOM에 마운트 - 컴포넌트가 생성되고, DOM에 마운트(추가)될 때 다음과 같은 순서로 메서드가 호출된다. 이러한 과정은 딱 한번만 반복된다 constructor(props) : 객체가 생성될 때 componentWillMount() : 컴포넌트가 DOM에 마운트되기 직전 render() : 컴포넌트가 렌더링될 때 componentDidMount() : 컴포넌트가 DOM에 마운트된 직후. 컴포넌트 업데이트 - 컴포넌트의 프로퍼티가 변경되면 다음과 같은 메서드가 호출된다. componentWillReceiveProps(nextProps) : 컴포넌트의 프로퍼티가 변경될 때, 새로운 속성을 받았을..

자바스크립트가 주, html 부가 되는 형식의 코드로 시대가 변해가고 있다. toString(2) : 숫자에 toString(2)를 하면 이진수로 변환된다. 컴포넌트 함수 명시 : 대문자 ex) Card, Name 리액트에서 컴포넌트를 만들때 가장 중요한 부분 상태(state) : 화면에 출력하고 싶은 것. this.state = {} function일때와 화살표일때 this의 의미가 다른데, function일 경우 this 값이 undefined로 정의된다. 해결방안 -> function (){}.bind(this)와 같이 정의한다. 화살표일 경우 this 값이 변하지 않고 잘 가져오므로 걱정할 필요 없다.