18/06/02 02_데이터 가져오기

1. React.js 에서 사용할 데이터 가져오기.

* STS에서

- Java Resources > Libraries > JRE System Library 우클릭 > properties > Workspace default JRE (jre1.8.0_171) 선택 > Apply and Close

- 좌측 리스트 Java Resources > src > 우클릭 > new > pacakge > name: music Finish

  - 좌측 Java Resources > src > music(위에서 방금 만든 패키지) > 우클릭 > new > class > name

    MusicManager.java 와 MusicVO.java 2가지 만듦

  - java를 배운적이 없어서 잘은 모르기때문에..ㅋㅋ 다른곳에서 데이터를 긁어오고 싶을때 아래 소스를 참고하면 될듯..

  - 데이터를 가져올 페이지의 url과 구조(css에서 호출하는것과 동일하다.) 

  - FileWriter fw=new FileWriter("c:\\weekDev\\music.json"); 의 구문의 경로만 잘 지정하면 json 형태로 저장이 가능함.

  - 실행을 시킬때는 우클릭 > Run As > Java Application 을 누르면 아래의 console에서 내용을 볼 수 있음.

java.zip

  - 정상 작동되어 저장이 잘 되었으면 json 파일을 다른이름으로 저장하면서 인코딩을 utf-8로 지정해준다.

    (웹에서는 utf-8이 아니면 한글이 깨진다.ㅜㅜ)

  - main 폴더(적당한 폴더)안에 붙여 넣고 우클릭 > properties > Other : UTF-8 > Apply and Close

    (sts에서는 json이 오류로 인식되나 상관없음.)

2. 가져온 데이터로 자바스크립트를 이용하여 만들기 (React와 차이점을 살펴보잣!)

  - main 폴더 아래로 아래의 파일들을 넣는다.

html.zip

3. xml 형식의 데이터 가져오기 (네이버 뉴스)

  - http://newssearch.naver.com/search.naver?where=rss&query=검색어 페이지로 접속

  - rss, channel, item 3가지를 자세히 볼 것

  - 좌측 리스트 Java Resources > src > 우클릭 > new > pacakge > name: news Finish

  - 좌측 Java Resources > src > news(위에서 방금 만든 패키지) > 우클릭 > new > class > name

    Channel.java, Item.java,  MainClass.java, Rss.java, 4가지 만듦

  - 아래 소스를 참고하면 됨.

news.zip

  - MainClass.java 를 실행시키면 된답.