LANGUAGE 43

d3.js 사용법 - ① 개념 및 초기세팅

Data - Driven Documents. JavaScript 데이터 중심의 문서 (Data - Driven Documents)의 약자로 자바스크립트 기반의 라이브러리 언어 웹브라우저 상에서 동적인 정보시각화를 구현하기 위한 자바스크립트 라이브러리 사용자가 입력한 시각화 규칙을 바탕으로 데이터를 반영해 시각화 결과물을 생성 D3 메소드 대부분의 D3메서드는 결과 값으로 선택물의 참조를 반환하므로, 메서드를 체인으로 연결할 때는 순서가 중요. d3.select() - 현재 문서에서 특정 태그 하나를 선택하는 메서드 d3.selectAll() - 특정 태그 전체를 선택 .data() - 참조 연결할 데이터를 가져옴 (선택된 태그에 대한 데이터 매칭) .enter() - 데이터 개수 만큼 태그가 부족할때, ..

LANGUAGE/JAVASCRIPT 2022.11.08

JqGrid 사용법 - ② Grid 만들기

JqGrid를 사용하기 위해선 우선 관련 라이브러리를 다운로드 받아 js 파일을 연결 시켜야한다 이 과정을 하지 않은 사람들은 이전 포스팅 먼저 진행하면 된다 JqGrid 사용법 - ① 환경설정 및 기본세팅 (tistory.com) JqGrid 사용법 - ① 환경설정 및 기본세팅 JqGrid란? jqGrid는 jQuery 라이브러리를 이용한 Grid Plugin 이다 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax 기반 자바스크립트 컨트롤러 기본적으로 jQuery-UI를 이용한다 JqGrid를 사용하 tjqud531531.tistory.com 그리드와 차트를 그릴때 사용한 데이터 JqGrid 기본 사용법 1. 파일 연결시키기 2. body에 grid가 들어갈 공간을 만들어준다 *table에 ..

LANGUAGE/JQUERY 2022.11.07

JqGrid 사용법 - ① 환경설정 및 기본세팅

JqGrid란? jqGrid는 jQuery 라이브러리를 이용한 Grid Plugin 이다 웹에서 테이블 형식의 데이터를 표시하고 조작을 위한 Ajax 기반 자바스크립트 컨트롤러 기본적으로 jQuery-UI를 이용한다 JqGrid를 사용하기 위해선 우선 라이브러리를 다운받아야 한다 * 본인의 jquey 버전과 맞추어 다운로드 받으면 됨 * 둘중 다운이 가능한 홈페이지에서 다운 받으면 됨 jQuery jqGrid | jQuery Plugin Registry jQuery jqGrid | jQuery Plugin Registry jQuery jqGrid by Tony Tomov jqGrid is an Ajax-enabled JavaScript control that provides solutions for re..

LANGUAGE/JQUERY 2022.11.07

SPRING #12 폼데이터

#프로젝트 열떄마다 pom.xml에 lombok 쓰고, web.xml에 한글처리 해주기 [dto보다 jsp 먼저 만드는 이유 : dto가 어떻게 생성되는지에 대한 이해를 하려고 jsp를 먼저만들어준거] #views 단에 member/input.jsp 생성하기 #spring/appServlet/servlet-context 에 resource 추가에 css 추가해주고, webapp에 css 폴더 및 파일 만들어 주기 #Java Resources / com.lec.ch08패키지에 dto 생성해주기 ㅇ 어노테이션 받아주기 (빈을 만들것이기 때문에 매개변수 없는 생성자함수와 setter은 꼭 포함되어야함 ㅇ jsp의 input 파라미터의 이름과 동일하게 매개변수명 설정해서 선언해줘야함 # 여기서 실행시키면 당연히..

LANGUAGE/SPRING 2022.07.15

SPRING#11-2 Controller 여러개 생성(Member)

board 생성 및 Contoller 세팅 보고 오기 SPRING#11-1 Controller 여러개 생성(Board) (tistory.com) SPRING#11-1 Controller 여러개 생성(Board) ㅇ 프로젝트에서 사용할 기술이 많이 나오기 때문에 집중해서 공부하기 Controller #프로젝트 생성해주기 #프로젝트 준비단계 1. pom.xml 에 lombok 처리 와 web.xml 에 한글처리 #CSS 생성해놓기 (언제해도 tjqud531531.tistory.com Member #MemberContoller 생성하기 ㅇ @Controller 클래스 위에 만들어주기 ㅇ @RequestMapping("member") 로 공통요청경로 빼주기 #컨트롤러 만들기 ①(member/join) 1. @R..

LANGUAGE/SPRING 2022.07.14

SPRING#11-1 Controller 여러개 생성(Board)

ㅇ 프로젝트에서 사용할 기술이 많이 나오기 때문에 집중해서 공부하기 Controller #프로젝트 생성해주기 #프로젝트 준비단계 1. pom.xml 에 lombok 처리 와 web.xml 에 한글처리 #CSS 생성해놓기 (언제해도 상관 NO) 1. webapp 아래에 css 폴더 생성 후 그 안에 style.css 파일 만들고 2. webapp / WEB-INF / spring / appServlet / servlet-contexxt.xml 에서 resources 설정해주기 () #DTO 만들기 (com.lec.ch07.dto 패키지)에 Member 만들기 1. 매개변수 있는 생성자함수, 매개변수 없는 생성자 함수 , tostring, getter, setter 전부 어노테이션 만들 것 **만약 tost..

LANGUAGE/SPRING 2022.07.14

SPRING#10 MVC 게시판 구조이해

ㅇ 스프링을 활용한 웹프로젝트 생성하는 방법 배우기 ㅇ MVC 에 관련되어 기초적인 내용익히기 다음은 Spring의 웹 프로젝트 생성에 대한 구조이다 이 부분에 대한 이해를 차근차근해보자 MVC 기초 - 톰캣 서버 다시 연결하기 #웹프로젝트를 만들어야 하기 때문에 server 를 톰캣으로 연결해야함 #서버설정해주기 1)Delete키 눌러서 날려주기 2)Spring에서는 core라이브러리, jstl, standard 꼭 안들어가 있어도 됨 왜? 알아서 들어가 있기 때문에 3) 아파치 9.0 4) 브라우즈에서 spring용 톰캣 연결 5) ServerLocation , ServerOptions, PortsNum 조정해주기 6) 톰캣 한번 실행후 브라우저에서 localhost:8090 불러오기 7) Gener..

LANGUAGE/SPRING 2022.07.14

SPRING#9 공통기능구현하기 2(AOP)

ㅇ Weaving : Advice 와 target이 결합되어서 프록시 객체를 만드는 과정 ㅇ 방법은 XML을 이용하는 방법과 @Aspect 어노테이션 이용하는 방법이 있다. ㅇ XML 활용하는 방식을 SPRING#8 공통기능구현하기1 과 함께 이어서 보자 ㅇ 오늘 해볼 것은 @Aspect 어노테이션을 이용하는 방법 공통기능 구현하기 1을 보지 않은 사람들은 먼저 본 후에 2학습하기 SPRING #8 공통기능구현하기 1(AOP) (tistory.com) SPRING #8 공통기능구현하기 1(AOP) 1. 핵심기능을 구현하고 2. 공통기능을 구현한다. 기본적인 개념 1. pom.xml 에서 dependency 추가하기 2. Class 2개 생성해서 메소드 만들기 1) Student Class 만들기 (변수선..

LANGUAGE/SPRING 2022.07.14

SPRING #8 공통기능구현하기 1(AOP)

1. 핵심기능을 구현하고 2. 공통기능을 구현한다. 3. 공통기능을 구현하는 방법에는 XML을 활용하는 방식과 어노테이션을 이용하는 방식이 있다 4. 본 페이지는 XML을 활용하여 공통기능을 구현해보고자 한다. 기본적인 개념 1. pom.xml 에서 dependency 추가하기 2. Class 2개 생성해서 메소드 만들기 1) Student Class 만들기 (변수선언) 2) Student Class 에 메인함수에서 호출될 핵심기능 생성해놓기 ( A기능 ) 3) Worker Class 만들기(변수선언) 4) Worder Class에 메인함수에서 호출될 핵심기능 생성해놓기(B기능) 3. META-INF 안에 CTX 생성 1) applicationCTX1.xml 에 Student형 bean , Worker ..

LANGUAGE/SPRING 2022.07.13

SPRING #7 외부파일을 이용한 설정

ㅇ property 파일 가져오기 ㅇ 컨테이너 만들때 env 셋팅 됨. property 에 있는 내용들은 env에 없으니 걔네들을 env에 추가해주는 방법 ㅇ 관련된 속성 정보들을 properties 라고 부르고 , 그 속성과 속성값이 들어 있는 텍스트 파일 ( 때에 따라 환경이 바뀔 수 있는 정보들) env 이용 1. 웹프로젝트 형태로 프로젝트 생성하기 (Spring MVC Project ) - environment 객체 쓰려면 웹프로젝트형태로! 2. admin.properties 파일 만들어 주기 (띄어쓰기 하지말기), 만약 id나 pw가 바뀔경우 이 properties 에서 수정해주면 됨 properties (운영될때 사용자 모드에서 러닝타임 환경과 개발자 모드의 properties는 다를 수 있음..

LANGUAGE/SPRING 2022.07.13
반응형