개발숭이

Highcharts API로 데이터 시각화 Highcharts는 웹 개발에서 매우 인기 있는 차트 라이브러리입니다. 이를 사용하면 다양한 형태의 차트를 손쉽게 구현할 수 있죠. 오늘은 Highcharts를 사용하여 시리즈(name 및 data 배열)를 동적으로 추가하는 방법에 대해 알아보겠습니다. 기본 차트 옵션 설정 먼저, Highcharts의 기본 옵션을 설정합니다. 이 옵션은 차트를 어디에 렌더링할 것인지(renderTo), 차트의 제목(title), 축(xAxis, yAxis) 등을 포함합니다. chartOptions = { chart: { renderTo: 'container' // 차트를 표시할 요소의 ID }, // 다른 옵션들... series: [] // 시리즈는 나중에 추가 }; 여기서..

최근 React 프로젝트에서 Material-UI를 사용하려고 할 때, 버전 호환성 문제로 인해 설치 중 에러가 발생하는 경우가 있습니다. 특히, 최신 버전의 React와 Material-UI의 특정 버전 간에 호환성 문제가 발견되었습니다. 일반적으로 Material-UI는 다음 명령어를 사용하여 설치합니다: npm install @material-ui/core 하지만, 이 명령어로 설치를 시도할 때 React 버전과의 호환성 문제로 인해 에러가 발생하는 경우가 있습니다. 이럴 때는 --legacy-peer-deps 옵션을 추가하여 이 문제를 해결할 수 있습니다. 이 옵션은 npm이 peer dependencies(동료 의존성)를 자동으로 해결하지 않도록 하여 이전 버전의 의존성 규칙을 유지합니다. 따라..

문제 상황: AJAX 요청을 하고 JSON 응답을 기대할 때 파싱 오류. 특히 JSON 형식이 올바른 것처럼 보일 때 이러한 오류는 더욱 당혹스럽습니다. 데이터베이스 데이터에 개행 문자가 포함되어 있는 것이 흔한 원인 중 하나입니다. 제가 겪은 문제도 엑셀 파일에서 CSV로 가져온 데이터에 원치 않는 개행 문자가 포함되어 발생한 문제였습니다. JSON 데이터는 JSON 검사기를 통해 확인했을 때 완벽해 보였는데 AJAX는 계속해서 파싱 오류를 발생시켰습니다. 이로 인해 문제가 JSON 형식 자체가 아니라 데이터베이스에서 가져온 내용에 있다는 것을 깨달았습니다. 문제의 진짜 원인은 데이터베이스에서 SELECT 쿼리를 실행할 때 개행 문자가 포함되어 오는 것이었습니다. 눈에 보이지 않는 이 문자들이 JSON..

기본적인 넥사크로 transaction 메소드 Application 영역에 정의된 Dataset의 데이터를 갱신하기 위한 서비스를 호출하고, 트랜잭션이 완료되면 콜백함수를 실행하는 메소드이다. this.transaction(strSvcId, strURL, strInDatasets, strArgument,strCallbackFunc[,bAsync[,nData Type[,bCompress]]]) 이런식으로 트랜잭션을 보내주고 완료되면 다음 콜백함수를 실행한다. this.callbackFunction = function(strSvcID, nErrorCode, strErrorMsg){ if(nErrorCode 0){ var errorMsg..

사용자가 테이블이 있는 화면에서 ROW를 추가해 정보를 입력하는 화면이 있다. P_CODE는 매 행마다 중복되지 않는 키기 때문에 사용자가 만약 기존에 이미 존재하는 P_CODE로 새 데이터를 저장하려고하면 '해당 코드는 이미 등록되어 있습니다' 라는 메세지를 띄워야했다. RAISERROR('메시지', 오류심각도, 상태 [옵션]) RAISERROR('@@ERROR!! 해당 코드는 이미 등록되어있습니다.', 18, -1) 오류 심각도 1~10 : 일반 사용자 정보 11~16 : 사용자 정의 오류 17~25 : 시스템 오류 - 모든 사용자는 0~18 까지의 심각도를 지정할 수 있다. - 19~25 까지는 sysadmin 고정 서버 역할의 멤버 또는 ALTER TRACE 권한을 가진 사용자만이 지정할 수 있다.