공부하는 블로그

index.js 새로 만들 파일의 이름은 Allview.js이다. App.js가 임포트되어있던 것을 Allview로 바꾸고 render 안의 태그도 Allview로 바꿔준다. Allview.js import React, {useEffect, useState} from 'react'; import * as $ from 'jquery'; function Allview() { const [ exams, setExams ] = useState(null); $.ajax({ url:"http://(서버주소)/AllviewDB_view.jsp",//클라이언트가 요청을 보낼 서버의 url 주소 type: "GET",//http 요청 방식 (get, post) }) //http 요청이 성공하면 요청한 데이터가 done(..

node.js 설치 node.js를 다운받는다. 다운로드가 완료되면 인스톨 진행. 설치가 끝났으면 cmd 창에서 설치됐는지 확인해본다. git 설치 git은 예전에 이미 깔아뒀었다. cmd창에서 확인만 한번 하고 넘어간다. 프로젝트 생성 원하는 위치에서 npx create-react-app로 디렉토리를 만든다. (tic-tac-to는 프로젝트 이름이다.) 엔터를 치면 무언가 막 진행된다. 생성이 완료되면 위와 같이 뜬다. 해당 디렉토리로 이동하여 npm start를 입력하면 리액트가 실행된다. 브라우저가 켜지고 아래와 같이 인덱스창이 뜨면 성공이다. 제이쿼리 추가하기 방금 생성한 tic-tac-to 프로젝트에서 package.json 파일을 열어 이미지에 표시한 것처럼 "jquery" 부분을 추가하고 저..

이클립스 mysql * 마지막 권한주는 부분에서 root@% 이렇게 누구에게나 권한을 줘버리면 위험... 공부중이라 지금은 이렇게 하지만, 실제로는 지정된 서버에서만 접속할 수 있게 해야함.

java.lang.ClassFormatError; Truncated class file 에러 떴을때 이 디렉토리에서 class 파일 지워주고 다시 실행하니까 됨 컴파일 실패헤서 그런다는듯...

curr.json 서버에 위와 같은 json 파일을 만들어뒀다. 이 데이터를 실시간으로 받아오려고 한다. ajax_test.html Ajax Test intervals 함수에 의해 1초마다 dt 함수와 func1 함수를 실행한다. dt 함수는 실행될 때마다 현재시각을 받아 dtime div에 표시한다. func1 함수는 실행될 때마다 curr.json의 데이터를 받아와 ret div에 표시한다. curr.json 파일의 값을 수정하고 저장하면 수정된 값이 ajax_test.html에 실시간으로 반영되는 것을 볼 수 있다. 2019/08/02 - [웹프로그래밍] - Open API로 json 데이터 받아서 파싱하기 (json-simple 라이브러리) Open API로 json 데이터 받아서 파싱하기 (js..

API 데이터 살펴보기 한국수출입은행에서 제공하는 환율정보 API를 이용하여 json 파싱 실습을 하자. 인증키를 발급받고, 변수를 입력해서 요청 URL로 들어가보면 위와 같이 JSON 형태로 되어있음을 볼 수 있다. 우선은 이 URL과 연결해서 데이터를 얻어오는 것 부터 한다. 웹상에 있는 json 데이터 받아오기 잘 받아와지는 것을 확인한다. json-simple 라이브러리 추가 받아온 JSON 데이터를 파싱하기 위해 json-simple 라이브러리를 이용할 것이다. jar파일을 다운받아 서버에 올린다. (현재 노트패드로 우분투 서버에 직접 연결중이다. 이클립스로 로컬작업중일 땐 빌드패스로 추가해줘야 한다.) json 데이터 파싱 json-simple을 이용하기 위해 우선 이 두개를 추가해서 임포트한..

loginxml.jsp loginxml.jsp 페이지로 접속하면 우선 세션값을 보고 로그인여부를 체크한다. 만약 로그인되어있지 않으면 login.jsp 페이지로 넘어가게 하는데, 이때 현재 자신의 주소(loginxml.jsp)를 rtn_url 매개변수로 넘겨준다. 그래야 login.jsp 페이지에서 로그인에 성공했을 때 다시 loginxml.jsp 페이지로 돌아올 수 있다. 로그인이 되어있다면 페이지 본문을 출력해준다. 이 파일은 db에서 데이터를 받아와 xml 형태로 출력해준다. login.jsp 이름 : 비밀번호 : 로그인 시도횟수 회 입니다. rtn_url 입니다. 로그인 폼의 action은 자기자신(login.jsp)으로 둔다. 로그인 실패하면 다시 로그인창이 뜨고, 로그인 성공하면 그제야 원하던..

HttpClient 라이브러리 다운받기 아파치 홈페이지에서 최신버전을 다운받는다. Source는 무엇인지 모르겠고, Binary 파일을 받아야 안에 .jar 파일이 있기에 이것을 다운받았다. 다운받아보면 이렇게 lib폴더 안에 jar 파일들이 있다. 몽땅 서버로 올려준다. 현재 나는 이클립스도, 윈도우 톰캣도 없는 상태로 작업중이므로 리눅스 서버에 있는 /usr/share/tomcat8/lib 디렉토리 아래에 파일들을 집어넣었다. 그리고 톰캣 리스타트. 웹으로 xml파일 조회하여 파싱하기 임포트 웹상에 있는 xml파일 값 받아오기 파싱해서 출력 성적 조회 이름 학번 국어 영어 수학 실행결과 음... 어렵다. 거의 이해못하고 교안대로 따라했는데, 나중에 다시 봐야겠다. DefaultHttpClient는 이..

아래 공공데이터 자료를 xml로 다운받아 웹에서 파싱을 해보자. 편의상 파일 이름은 wifi.xml로 변경하였다. 용량이 커서 잘 열리지 않아서 윈도우 탐색기의 미리보기로 대충 구조를 훑었다. 디테일한 데이터는 엑셀에서 xml 형식으로 열어보면 된다. 혹은 인내를 가지고 office xml handler로 열어보아도 된다. 버벅임이 심하지만... 준비된 xml 파일을 서버로 올린다. 이제 wifi_parsing.jsp 코드를 작성하자. 임포트 javax.xml.parsers : DOM파서 객체의 클래스인 DocumentBuilde 클래스를 제공한다 org.w3c.dom : XML 데이터 처리용 Java Api 컴퍼넌트 API인 DOM 인터페이스를 제공한다 틀 만들기 공공와이파이 순번 설치장소명 소재지 지..