Entj의 코딩일기

파일 시스템 vs 데이터 베이스 파일 시스템 : 별도의 구입 비용 없이 사용가능. 속도가 빠름. 저장과 열기 제공 데이터 베이스 : 데이터의 독립성. 중복의 최소화, 무결성, 공유, 보안관리 제공 1. 데이터 베이스 개념 1) 데이터란 현실세계에서 관찰이나 측정을 통해 수집된 사실(fact)이나 값(value) 2) 정보란 데이터의 유효한 해석이나 데이터 상호간의 관계를 의사결정에 도움이 되도록 가공한 것 3) 여러 응용 시스템들이 공유할 수 있도록 통합, 저장된 운영데이터의 저장소. 운영상 필요한 데이터를 중복을 최소화하여 컴퓨터 기억 장치 내에 모아 놓은 데이터 집합. 2. 데이터베이스관리시스템(DBMS) 개념 모든 응용프로그램들이 데이터베이스를 공유할 수 있도록 관리해 주고, 데이터베이스를 유지하기..

자바에서 변수란 ① 프로그램 작업을 처리하기 위해 값을 저장할 수 있는 메모리 공간 ② 임의의 메모리 공간에 이름을 붙여 관리 ③ 자바에서는 다양한 변수의 타입 저장 불가 ④ 식별자라고도 불림 ⑤ 변수 선언 방법은 [ 데이터 타입 변수명 = 변수값 ] 기본 자료형 자료형 키워드 크기 표현범위 논리형 boolean 1 byte true, false 문자형 char 2 byte 0~65,535 정수형 byte 1 byte -128 ~ 127 (-27~ 27-1) short 2 byte -32,768 ~ 32,767 (-215~ 215-1) int 4 byte -2,147,483,648 ~ 2,147,483,647 long 8 byte -9,223,372,036,854,775,808 ~ 9,223,372,03..

여기서 부모 좌표 노드란 특정 노드의 기준 좌표가 되는 노드를 말함. 이에 따라 자식 노드의 위치는 부모 좌표 노드에 영향을 받게됨 * 일반 프로그래밍에서의 좌표와 자바스크립트 좌표는 대부분 비슷하지만 좌표의 기준이 되는 부모 좌표 노드를 찾는 방법은 완전히 다름 * 사용법 | $대상.offsetParent() 1. 일반 프로그래밍에서의 부모 좌표 노드 일반 프로그래밍의 경우 노드를 감싸고 있는 노드가 부모가 되며 이 부모를 기준으로 위치를 잡음 즉 부모의 위치가 움직이면 내부에 들어 있는 자식 요소도 같이 움직임 // 일반 프로그래밍에서의 부모 좌표 노드 예시

지금까지 생성한 bar chart에서 각각의 차트를 클릭했을때 이벤트가 걸릴 수 있도록 해볼 것. 그 중 rect를 선택하면 해당되는 rect 값과 동일한 값을 가진 그리드의 행이 반전처리 될 수 있도록 하는 이벤트 만들예정 복사 할 수 있는 코드는 해당 포스팅의 맨 아래에 한번에 게시 [필요사항] 1) rect를 클릭했을때 들어오는 값을 받아올 변수 2) 그리드 행에 해당되는 값을 넣어 놓을 변수 3) rect를 클릭했을때 rect값과 그리드의 행의 값이 동일할때 이벤트 발생 1. 그리드의 rowid 받아오기 - jqGrid는 그리드가 그려질 때 row(행)별 고유의 id가 자동으로 생성됨. 이 아이디를 활용을 한다면 행별 색상 반전을 시킬 수 있음 - 앞에서 그리드를 만들기 위해 setGrid()라는..

날짜나 시간 관련 정보를 제공받고 싶을 때는 날짜 객체(Date Object)를 생성함 . 날짜 정보 객체는 날짜와 관련된 작업을 할 때 유용한 객체이다. 현재 날짜의 정보를 제공하는 Date 객체는 다음과 같이 생성 기본형 | 참조변수=new Date(); ex) var t = new Date(); 특정 날짜의 정보를 제공하는 Date 객체는 다음과 같이 생성 기본형 | 참조변수=new Date("연/월/일"); ex) var t = new Date("1995/5/31"); 기본형 | 참조변수=new Date(연, 월-1, 일); ex) var t = new Date(1995,4,31); 생성된 날짜 객체에 사용할 수 있는 메서드 (GET/SET) 날짜 정보를 가져올 때(GET) 날짜 정보를 수정할 때..

자바스크립트의 객체는 크게 내장객체, 브라우저객체모델, 문서객체모델(DOM)으로 나눌 수 있음 1 내장객체 자바스크립트 엔진에 내장되어 있어 필요한 경우에 생성해서 사용할 수 있음 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있음 가령 오늘의 날짜를 알고 싶다면 Date 객체를 생성하여 오늘 날짜를 알려주는 메서드 getDate()를 사용하면됨 2. 브라우저객체모델 브라우저 객체 모델(BOM)은 브라우저에 계층 구조로 내장되어 있는 객체를 말함 브라우저 객체로 window, screen, location, history, navigator 객체 등이 있으며 브라우저 (wndow)는 document와 location 객체의 상위 객체임 예를 들어 자바스크립트를 이용..

이어서 chart에 tooltip을 그리는 방법에 대해 포스팅 해보도록 하겠습니다 mouseover/mousemove/mouseout 함수를 사용하여 생성할 예정입니다 기본 차트 그리는 방법은 아래 포스팅에서 확인 d3.js 사용법 - ② bar chart 그리기 (tistory.com) d3.js 사용법 - ② bar chart 그리기 d3.js 를 사용하여 막대그래프(bar chart)를 그려보기 전에 , 기초 세팅을 해야함 기초 세팅은 아래 포스팅에서 확인가능 d3.js 사용법 - ① 개념 및 초기세팅 (tistory.com) d3.js 사용법 - ① 개념 및 초기 tjqud531531.tistory.com 앞선 포스팅에서 차트를 그리기 위해 drawChart1(getData,type)이라는 함수를..

앞에서 bar chart를 생성하는 방법에 대해 알아보았다. 이어서 앞 포스팅에서 만들어 놓은 bar chart가 각각의 밸류값에 따라 클릭이벤트로 다양한 차트의 데이터 값을 뽑아내는 부분에 대해 포스팅을 해보겠다. 참고로 내가 사용한 chart 및 그리드의 데이터는 아래와 같다. var1의 값과 var2의 값을 나누어 그리드와 chart에 여러 이벤트를 적용시켜 볼 예정이다. 이전에 만들어 놓았던 차트의 코드나 이전 포스팅을 보고 싶으면 아래 에서 확인 가능 d3.js 사용법 - ② bar chart 그리기 (tistory.com) d3.js 사용법 - ② bar chart 그리기 d3.js 를 사용하여 막대그래프(bar chart)를 그려보기 전에 , 기초 세팅을 해야함 기초 세팅은 아래 포스팅에서 ..

d3.js를 이용하여 막대 그래프를 그릴 때 그래프가 아래서부터 그려지는 것이 아닌 위에서부터 그려지는 경우가 있다 이 부분을 해결하기 위해선 (전체 높이-넣고자 하는 데이터 값) 계산을 해야 하는데 이 부분이 생각보다 헷갈려 다시한번 정리해보고자 한다 d3.select("svg") .selectAll("rect") .data([15,50,22,8,100,10]) .enter().append("rect") .attr("width",10) .attr("height",function(d){return d;}) .style("opacity", .25) .attr("x",function(d,i){return i*10;}); SVG는 우리가 지정한 곳을 기준으로 오른쪽, 아래쪽으로 사각형을 그림 위 코드를 실행시..

d3.js 를 사용하여 막대그래프(bar chart)를 그려보기 전에 , 기초 세팅을 해야함 기초 세팅은 아래 포스팅에서 확인가능 d3.js 사용법 - ① 개념 및 초기세팅 (tistory.com) d3.js 사용법 - ① 개념 및 초기세팅 Data - Driven Documents. JavaScript 데이터 중심의 문서 (Data - Driven Documents)의 약자로 자바스크립트 기반의 라이브러리 언어 웹브라우저 상에서 동적인 정보시각화를 구현하기 위한 자바스크립트 라이 tjqud531531.tistory.com 그리드와 차트를 그릴때 사용한 데이터 1. 데이터 세팅 차트를 불러오기전에 Jgrid 와 마찬가지고 데이터를 먼저 불러와야한다. ajax를 통해 컨트롤러에서 json데이터를 불러오고,..