ejyoo's 개발 노트

React 폼 요소 다루는 방법 React 에서 폼 요소를 다루는 방법에는 제어 컴포넌트, 비제어 컴포넌트 두 가지 접근법이 있다. 제어/비제어 컴포넌트의 사전적 의미 이 둘의 사전적 의미는 아래와 같다. 1) 제어 컴포넌트 (Controlled Component) : React 에서 값을 제어하는 컴포넌트. 폼 요소의 상태를 React의 state로 관리하고, 값을 변경하기 위해서 이벤트 핸들러를 사용한다. 2) 비제어 컴포넌트 (UnControlled Component) : DOM 자체에 데이터를 저장하고 있고, 값을 직접 DOM 으로부터 가져옴. 'ref'를 사용하여 접근한다. 이 사전적 의미만으로 와닿지 않기에 각 컴포넌트의 자세한 내용과 그에 대한 예제를 살펴본다. 제어 컴포넌트 위에서 언급했듯..

이벤트의 적용방법에 대한 선택 웹 프론트 프레임 워크로 HTML DOM Component를 만들고 프레임 워크에서 제공하는 이벤트 핸들러를 사용하여 이벤트를 캐치하곤 하는데, 가끔은 직접 HTML DOM 을 입력하여 이벤트를 적용해야하는 상황이 발생한다. 그 이벤트가 onClick 라고 한다면 아래의 방법이 있겠다. 1. html dom 의 onclick 속성에 이벤트 추가하기 1-1. javascript function 만들고 함수 호출 (프레임워크함수, javascript 함수) 1-2. element addEventListener 정의 2. JQuery 로 dom을 찾은 뒤 Click event 를 캐치함. ( $('').click() 또는 on('click') ) https://developer...

보호되어 있는 글입니다.

보호되어 있는 글입니다.

Uncaught RangeError: Maximum call stack size exceeded https://stackoverflow.com/questions/21019260/extjs-uncaught-rangeerror-maximum-call-stack-size-exceeded Extjs Uncaught RangeError: Maximum call stack size exceeded I know that probably somewhere in my code I was so brilliant again that I have managed to write a recursive block of code. But I am enable to find where this is situated. The Chrom..

컨버팅 하려는 json object 안에 object가 존재함. object는 string으로 변경할 수 없음. object인 것을 예외처리 해주어야 함.

JSON Data 에서 Key 값을 추출하고 싶을 때 var jaonData = {...} Object.keys(jsonData) JSON Data에서 Value 값을 추출하고 싶을 때 var jsonData = {...} Object.value(jsonData); JSON Data로 이루어진 Array가 있을 때, 각 row에 대해 핸들링 할 때 map 은 array일 때 사용 가능. var jsonDataArr = [ { 1: 111 }, { 2: 222 }, { 3: 333 } ]; jsonDataArr.map(row => row핸들링 코드); JSON 배열안에 있는 JSON 레코드를 하나의 배열로 만들고자 할 때, var jsonArr = [ [{1:11},{2:22},{3:33}], [{4:44..

insert store.insert(0, record); remove store.remove(store.getById(storeItems[i].get('id'))); store.remove(filterItems);

Cannot read properties of undefined (reading 'length') * 발생원인 - initComponent 후 this.callParent(arguments)를 안함. initComponent: function () { // 코드 작성 this.callParent(arguments); }

발생사례 - layout border로 설정한 뒤 위치 설정할 떄 중복된 region이 존재함.