ejyoo's 개발 노트

이벤트의 적용방법에 대한 선택 웹 프론트 프레임 워크로 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...

보호되어 있는 글입니다.

보호되어 있는 글입니다.

컨버팅 하려는 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..

var types = Array.from(new Set(jsonDataArray.map((jsonData) => jsonData.Type)));

보호되어 있는 글입니다.

혹시 웹페이지 개발 시, 어떤 특정 페이지에서 JQuery 라이브러리를 동시에 다른 2개의 버전을 포함시켜야 되는 경우는 없으셨는지요? 보통 일반적으로 웹 사이트 개발 시, 적절한 JQuery 버전을 선택하여 해당 버전을 기반으로 개발하기 때문에 이러한 경우는 자주 발생하지 않지만, 종종 동시에 JQuery를 한 페이지에서 2개를 포함시킬 수 밖에 없는 상황에 빠지기도 합니다. 아래는 그 예시입니다. (바쁘신 분들은 이 파란 박스 예시를 읽지 않고 아래 방법만 보셔도 됩니다.^^) 5년전에 JQuery 라이브러리 1.4.x 버전을 기반으로 개발하여 현재까지 운영하고 있는 웹사이트가 오랫동안 리뉴얼될 필요성을 느끼지 못하는 상태이고, 리뉴얼하기도 어려운 상태입니다. 그래서 사이트 전체 리뉴얼은 예정되어 있..

1. 전체태그 제거 var text = 'Remove all tagtest123123'; var newText = text.replace(/(]+)>)/ig,""); alert(newText); 2. span태그 제거 var text = 'Remove Span tag only'; var newText = text.replace(/]*)>/gi,""); alert(newText); // span 태그가 제거된 'Remove Span tag only' 출력

키워드 select, json 형태, node 선택 코드 트리구조 확인 Extends collapse