목록Front-end/비동기통신 (20)
Daily coding
1. Servlet 전송 오류 만들기 * Servlet 에서 오류를 발생시킬 수 있다. * 대표적인 오류 404 (Page not found) : 페이지 주소 오류 또는 페이지 없음 500 (Internal server error) : 코드가 잘못되어 나타나는 오류 * HttpServletRequest 소속의 함수 sendError sendError: sendError( HttpServletResponse.SC_NOT_FOUND, "못 찾겠다는 에러" ); - 에러 메세지를 설정하고 에러를 만들수 있다 - 에러의 종류는 HttpServletResponse (resp) 에 소속되어 있음 public class HelloServlet extends HttpServlet { @Override protected..
//여기는 서버 영역! public class HelloServlet extends HttpServlet{ // servlet 을 만들기 위해서는 HttpServlet 클래스를 상속하여 // doGet과 doPost 메소드를 오버라이딩한다 @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // get방식일때는 이곳으로 } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletExcepti..
* 서버로 연결하는 방법 1. 서블릿으로 설정할 자바 파일을 Java Resources 폴더에 클래스를 추가한다 2. 서블릿 클래스는 HttpServlet 클래스를 상속하고, doGet, doPost 메소드를 오버라이딩한다. ( get 방식, post방식 ) 3. html 코드와 자바의 servlet 코드를 연결하기 위해서는 반드시 web.xml 설정파일이 필요하다 4. web.xml 파일은 webContent의 WEB-INF폴더에 web.xml을 만들고 5. Apache.Tomcat 파일의 conf폴더에 있는 web.xml에서 소스를 가져다 쓰면된다 ( 부분) ( 클라이언트 (html)파일에서 servlet 파일로 이동하기 위해서는 web.xml파일에 serlvet 등록을 해두어야 함) * web.xm..
Web Java DB server : : 클라이언트의 요청에 따라 웹 페이지를 가져오거나 데이터를 가져오는 등의 응답을 보내는 역할 수행 - WAS : Web Application Syetem - 웹 서버 안에 들어가있음 *server + container - Server는 크게 server와 container로 구성되어 있다. - container는 session과 folder를 가지고 있음(파일 저장용) - server 는 Client의 요청을 받아(request) 필요한 데이터를 전송(response)하는 역할을 수행한다 - server에는 JSP 와 Servlet 이 있다 ( 같은 기능을 수행하며, 돌아가는 프로그램 및 언어가 다르다) ( Servlet : java / JSP : javaScrip..
* responseText; - responseText 프로퍼티는 서버에 요청하여 응답으로 받은 데이터를 문자열로 반환 - Json도 xml에서 파생되었기 때문에 xml 클래스를 사용하여 객체를 만든다. - onreadystatechange 상태가 4(=200)일 때 함수를 실행하는데, 함수의 파라미터로 json 데이터를 넘겨주고 싶을때 responseText 프로퍼티를 사용한다. //JSON 파일을 서버로 전송하고 받아오기 * JSON.parse( jsonData ); - respondText로 넘어간 json형식의 문자열 데이터는 배열 형식으로 넘어옴 * key - value : - json은 key와 value가 짝을 이루는 형태이다. - 변수명 [인덱스][key] = value - for-each..
JSON : Java Script Object Notation : 데이터를 저장, 전송, 불러오기 - xml에서 유래 - key : value 의 한쌍으로 이루어짐(pair) HashMap(java) - : (콜론)으로 데이터명과 데이터값을 배치 * JSON 데이터 만들기 1. 1차원배열 var arr = [ 1, 2, 3 ]; 2. 2차원배열 => json과 유사 var arr2 = [ [1,2,3], [4,5,6] ]; 3. JSON var arr = [ // [ ] 로 묶이면 2차원배열 { "name" : "홍길동", "age" : 24 }, { "name" : "일지매", "age" : 17 } ]; 4. JSon 데이터 불러오기 : 2가지 대표적인 방법이 있음 1. arr[0].key값 docu..
* XML 파일( 또는 url )을 서버로 전송하기 위한 단계 * XML 데이터를 불러오기 위한 함수 만들기 * 태그명만 가져오는 함수 * 자식노드이름을 출력하는 함수 (번호,이름,주소,방문)
* XML 데이터는 DOMParser 객체를 이용하여 문자열로 변환할 수 있다 1. 데이터 파싱하기 // xml 데이터형식을 가진 문자열 데이터를 생성하여 변수에 넣기 var xmltext = "" + // root tag 만들기 (=head), 2개 "" + // node : ... "탈무드" + "man" + "2001" + "" + "" + //반드시 위아래 xml태그의 종류와 개수가 똑같아야 함 "이솝이야기" + "woman" + "2004" + "" + ""; // 파싱을 위한 객체 생성 var parser; // 문자열을 xml로 변환하여 담을 변수 선언 var xmlDoc; // 파싱하기 parser = new DOMParser(); xmlDoc = parser.parseFromString(..
XML : 파일 읽어오기 XML 파일을 읽어오기 위한 단계 1. http 통신을 하기위한 객체 생성 (서버와 교류함 - 비동기 통신) var xhttp = new XMLHttpRequest(); - XMLHttpRequest() : 비동기 처리를 하기위한 객체 생성 xhttp.onreadystatechange = function () { if( this.readyState == 4 && this.status == 200 ) { // 파일에서 읽어들인 부분을 서버로 보내고, 다시 데이터를 서버로부터 받는 부분 // this.responseText : 서버로부터 txt파일을 받아옴 } } onreadystatechange : XMLHttp 소속 함수 - xhttp.open ("GET", "url", true..
XML : eXtensible Markup Language 확장 표시 언어 Data -> 배포 (교통정보, 가로수 등) file, DB(X) * data.txt 파일로 데이터 전송할 때 이름 : 홍길동 나이 : 24 주소 : 서울시 ----------- 홍길동/24/서울시 ... -> 데이터를 읽는 방식이 전부 다 달라서 불편하기 때문에 데이터를 보내고 읽는데 편하게 처리하기 위해 통합된 타입이 xml XML : 전부 다 태그로 되어있음 html과 코드가 유사 아래처럼 작성함 홍길동 24 서울시 ====> parsing : 원하는 데이터만 끄집어 냄 (parser:parsing을 위한 툴): 자바/자바스크립트 모두 파싱 가능 => XML : 여러개의 데이터를 취급하고 배포하기 위한 형식(form) - 웹..