반응형 전체 글 썸네일형 리스트형 스프링 구글차트(Google Chart) 사용하기 이번에 스프링 프로젝트를 하면서 구글 차트를 사용해 관리자 페이지를 만들어보았다. 의외로 사용하기가 너무 쉬웠고, 하나씩 그려지는 걸 보니 재밌다. 먼저 구글 차트사이트를 들어가 원하는 차트를 선택한다 나는 무언가 복잡해보이고 줌 기능도 있는 annotation 차트를 사용하려고 한다. 일단 안내에서 annotation 카테고리를 선택하면 예시와 코드가 나오는데 여기서 어떻게 데이터가 들어가는지 나는 몇 개의 선을 그릴 것인지 무슨 통계를 넣을 것인지를 생각하고, 필요한 예시 코드를 복사한다. 사용 데이터는 사이트 회원가입 날짜별 남자, 여자, 총합의 가입자 수이다. 데이터는 ajax를 이용하여 오라클 db에서 가져왔다. 데이터를 가져오는 과정은 생략하였다. google.charts.load('curre.. 더보기 영화 정보 오픈API 사용하기(자바스크립트) KOBIS 영화관 입장권 통합 전산망에서 지원하는 무료 오픈 API다. 구글이나 네이버에 영화 api 라고 치면 영화진흥위원회 오픈 API 홈페이지가 나온다. 그대로 들어가면 아래와 같이 나오게된다. 제공해주는 서비스와 요청인터페이스,응답구조등을 알려준다. 응답은 XML과 JSON 두가지 방식이 존재한다. JSON방식은 필드를 타고 들어갈때 잘 안보이니까 XML로 구조를 파악한 후 사용하도록 하자. 이처럼 요청인터페이스에 맞게 요청을 보내면 응답을 해준다. 이 정보들을 꺼내서 쓰면 간단하게 영화들의 정보를 사용할수 있다. $.ajax({ type: 'get', url: 'http://www.kobis.or.kr/kobisopenapi/webservice/rest/movie/searchMovieList.j.. 더보기 JSP 게시판 만들기(2) MVC패턴 model2 지난 글에서는 로그인에 대한 Dao구현까지 하고 왔다. 이제 login.jsp 에서 입력한 아이디와 비밀번호를 받아 로그인에 대한 처리를 하겠다. 먼저 com.thboard.www.command 패키지를 만든 후 command 인터페이스를 만든다. 그 커맨드 인터페이스를 상속받아 로그인 커맨드를 생성한다. login.jsp 에서 보낸 파라미터에서 아이디와 패스워드를 꺼내 구현한 Dao의 로그인 처리 함수를 실행한다. 성공하면 Main.jsp로 리다이렉트 시키고 실패하였으면, 안내 메시지를 띄우고 로그인 페이지로 돌아간다. HttpSession과 Cookie를 사용하여 아이디 저장 기능을 구현한 모습이다. UserLoginCommand package com.thboard.www.command; import.. 더보기 JSP 게시판 만들기(1) MVC패턴 model2 이번에는 mvc패턴을 사용한 model2 구조로 게시판을 만들어보겠다. 시작하기에 앞서 mvc패턴이 무엇이냐 model2 구조는 무엇인가 하는 의문이 들 수 있다. 먼저 mvc 패턴은 웹 개발을 하는 사람이라면 질리도록 들을 수밖에 없는 디자인 패턴으로서 (Model-View-Controller)의 약자이다. 이 디자인 패턴을 사용하지 않더라면 프로젝트를 할 때 다른 이들과 어떻게 하면 더 깔끔하고 유지보수에 편리하고, 좋을지를 생각하며 처음부터 끝까지 구상을 해야 할 것이다. 하지만 이렇게 다 정의가 되어있는 디자인 패턴을 사용한다면 우리는 정의되어 있는 대로 만들고 유지보수에서도 어려움이 없을 것이다. 간략하게 설명하자면 Model : 애플리케이션의 정보, 데이터를 나타낸다 View : 사용자가 볼 .. 더보기 JSP 컨트롤러(Controller) properties,XML 적용 package com.javalec.ex.frontcontroller; import java.io.IOException; ..생략.. public class BFrontController extends HttpServlet { private static final long serialVersionUID = 1L; public BFrontController() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("doGet"); actionDo(request, response); } prote.. 더보기 자바(JAVA) 채팅 프로그램(2) (웹 소켓 TCP/IP) 이전 글에서는 프로그램의 실행 결과와 웹 소켓에 대해서 알아보았다. 이 글에서는 채팅 프로그램의 전반적인 코드를 살펴보겠다. ChatServer.java package server; import java.net.InetAddress; import java.net.ServerSocket; import server.thread.AcceptThread; public class ChatServer { public ServerSocket server; public ChatServer() { try { server = new ServerSocket(8000); System.out.println("[ "+InetAddress.getLocalHost()+" ] - 서버 소켓 생성"); }catch(Exception e.. 더보기 자바(JAVA) 채팅 프로그램(1) (웹 소켓 TCP/IP) 이번엔 자바로 웹소켓을 사용하여 채팅 프로그램을 만드는 것을 해보았다. 설명하기에 앞서 실행결과를 보여주면 (자바 스윙으로 짰다.) 밑에 커서를 두고 채팅을 치면 실시간으로 채팅이 반영되는 것을 볼 수 있다. 업로드 버튼으로 파일을 불러오고 목록을 보면 업로드한 파일의 목록을 볼 수 있다. 그 후 다운로드로 자신의 PC에 파일을 다운할 수 있다. 이 프로그램은 TCP/IP 웹소켓 을 기반으로 하여 만들었다. 먼저 TCP/IP에 대해서 알아보자. TCP/IP의 개념(Transmission Control Protocol / Internet Protocol)의 개요 가. TCP/IP 정의 TCP/IP는 네트워크를 상호 연결시켜 정보를 전송할 수 있도록 하는 기능을 가진 다수의 프로토콜이 모여 있는 프로토콜의 .. 더보기 자바스크립트(JavaScript) 테트리스 (Tetris) 자바스크립트 코딩 연습을 하다가 문득 자바에서 테트리스 만들었던 게 생각나 자바스크립트로 만들어 보고자 했다. 먼저 개발에 앞서 알고리즘을 구상해야 했다. 문제는 테트리스 블록정보를 저장하는 것과 각각 다르게 생긴 블록은 랜덤으로 생성하여 색을 다르게 주어야 하는 것이다. 게임 실행 결과 스크린샷을 위해 빠르게 종료한 것이다. 게임을 못하는 것이 아니다 더보기 이전 1 2 3 다음 반응형
