IT의 신

프로그램 개발하다 보면 Uncaught SyntaxError: Unexpected identifier 이런 류의 에러를 많이 만나게 된다. 브라우저에서 데이터가 안나와서 F12눌러서 봤더니 위와 같은 에러가 표출되었다. SyntaxError 즉 문법에러이다. 문법이 잘못되었다. 다행이 친절하게도 엣지브라우저에서 at 부분 클릭해보니 에러난 곳으로 가서 어디가 잘못되었는지 알 수 있었다.

프로그램 개발하다 보면 Uncaught SyntaxError: Cannot read properties of null 이런 류의 에러를 많이 만나게 된다. 브라우저에서 데이터가 안나와서 F12눌러서 봤더니 위와 같은 에러가 표출되었다. 가만 생각해보니.. properties 즉 속성이 있는데 그 속성과 매핑되는 부분이 없다는 뜻이다. 속성을 썼으면 그에 따른 사용해야하는 부분이 있는데 단지 선언만 되어 있고 그에 따라 사용하는 부분이 없기 때문에 나오는 에러이라 생각된다. 쌍으로 선언,사용이 둘 다 나와야 한다. webix에서 했는데 container:"key" 를 썼는데 저 key에 대한 매핑되서 사용하는 부분이 있어야 되는데 없었기 때문에 에러가 발생하였다. 이런식으로 해줬더니 해결되었다.

webix 프로그래밍을 하는데 화면이 뜨지 않아 브라우저 F12 눌러서 디버그 모드로 들어가서 다시 실행해보니 아래와 같은 에러가 발생하였다. Uncaught TypeError: Cannot read properties of null (reading 's') at webix.ui (webix_debug.js:4576:11) 이런식의 에러.. 정확하지 않고 애매모호 해서 알기가 어렵다. 뭔가 느낌이 사용하긴 했는데 막상 참조하는 ID 가 없는듯한 느낌이다. 이런류의 에러가 많지... 정신없이 개발하다 보면.. null pointer 같은 느낌 그래서 사용한 이름과 그 이름에 해당되는 엘리먼트가 있는지 찾아보았다. 아무래도 최신에 추가한게 문제가 될 소지가 높으니 한번 지워봤다. 잘 나온다. 살펴보았더니 w..

webix datatable cell column과 row size가 고정이고 cell 데이터가 크면 이상하게 2줄로 중간이 잘려서 나왔다. 이걸 어떻하나... 하고 삽질을 시작하는데.. 일단 fixedRowHeight:false 로 되어 있는것을 없애니 2줄로 나왔던게 1줄로는 나왔다. 마치 css의 white-space:nowrap; 과 같아보인다. 말줄임표가 없어서 그냥 잘린것 처럼 나오긴 한다. 말줄임표(...)를 넣는게 좋아보인다. 참고로 말줄임표(ellipsis)를 css를 통해 넣으면 되는데 .ellipsis{ width: 97%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 이렇게 선언 후..

webix datatable에 가로 스크롤이 자리를 잡고 있었다. 가로 스크롤이 있을 필요가 없어서 가로스크롤 자리를 없애고 싶은데.. 삽질을 하다보니까 scroll:"false" 를 하면 된다고 해서 해보니 정말 가로 스크롤이 없어졌다. 아래 webix 문서를 참고하길 바란다. By default, a component features vertical scrolling. It can be modified via the dedicated scroll property that may take the following values: "y" or true - sets a vertical scrollbar; "x" - sets a horizontal scrollbar; "xy" - sets both horizo..

webix 개발을 하다가 버튼 클릭이 안되는 경우가 생겼다. 이상하네.. 알고보니 버튼등의 선언을 먼저 해주고 나중에 그 버튼에 대한 이벤트를 붙여야 되는데 이벤트를 먼저 붙이는 코드가 선언보다 앞에 나와서 그런거였다. 아놔 이거 에러메시지도 표시 안되고 그냥 먹통된거 처럼만 나와서 한참을 삽질.. id가 잘못됬나.. container가 잘못됬나.. 선언을 먼저해주고 그 밑에 이벤트를 붙이니 잘 되었다. 즉, webix.ui({ container:"_etcButton", type:"head", view:"layout", cols:[ { view:"button", id:"searchButton", label:"검색", width:85, type:"search" } ] }); 선언한 다음에 $$("searc..

webix datatable 에서 쎌 내용 만큼 센 높이가 변동이 되었으면 했다. 현재는 쎌 내용에 맞춰서 쎌 높이가 늘어나지 않고 고정되서 짤리는것 처럼 보여서.. 그래서 구글링을 했는데.. 잘 안됐다. 이상하네.. 분명 webix 매뉴얼에 있는 그대로 했는데.. 알고보니.. webix 매뉴얼은 그냥 샘플이니 webix datatable 선언과 동시에 내용까지 있어서 바로 선언시에 옵션들을 붙여도 적용이 되나 일반 업무 들에서는 그렇게 박아서 하지 않고 db에서 값을 불러와 셋팅 하는 방식이니 선언시 하면 webix datatable 입장에서는 내용이 얼마인지 모르니 height를 설정할 수 없다. 그러고 보니 모든 webix 관련 설정은 데이터를 다 불러오고 datatable에 parsing하고 나서..

webix 에서 화면이 잘 안나와서 f12 눌러 DevTools 들어가서 콘솔탭을 보니 Uncaught TypeError: e[i] is not a constructor 이런 에러가 발생하였다. 알고보니.. 급하게 복사 붙여넣기를 하다가 view:label 이부분까지 view:labelaa 이런식으로 이름을 써버렸다... label은 webix의 고유 컴포넌트인데.. 암튼 일단 이부분은 해결했다..

webix tabview를 사용하려고 했는데 자꾸만 생각대로 잘 되지 않았다. 몇일동안 삽질하다가 원인을 찾았다. webix tabview를 사용하려면 다른 webix 가 tabview 앞에 다 나오고 맨 나중에 tabview를 사용해야 하는 것이였다. tabview를 다른 webix 위젯들 보다 먼저 쓰니 잘 안되었다. 아마 다른 webix 위젯들이 출력이 되고 맨 나중에 tabview가 잡아주는듯 하다. 반대로 tabview가 먼저 나오게 되버리면 나머지 위젯들이 렌더링 되기전에 tabview가 컨트롤 하려니 잘 안되는듯 하다. 그리고 그냥 datatable 만 쓸때는 height를 안써줘도 잘 나오는거 같은데, tabview에서 쓸때는 datatable height를 줘야 리스트가 잘 나오는듯 하다.

webix combo 사용시 값을 clear 해야할 때가 있다. $("aa").getList().clearAll(); $("aa").refresh();