초보 프로그램 개발자

Ajax Ajax란 Asynchronous Javascript And Xml 비동기식 자바스크립트와 XML 클라이언트와 서버간 XML 데이터를 주고받는 기술 단점으로 Ajax를 지원하지 않는 브라우저가 있다. 동기와 비동기 동기 요청과 결과가 동시에 발생 모든 데이터를 다시 리로드 비동기 요쳥과 결과가 동시에 발생하지 않음 필요한 데이터만 리로드 비동기식은 새로고침없이 필요한 데이터만리로드하지만 동기방식은 모든 데이터를 다시 불러오기 때문에 페이지 자체를 새로고침 예제 (Ajax로 간단한 계산기 프로그램) 데이터를 입력하고 출력해줄 jsp파일 test1.jsp 더하기 빼기 곱하기 나누기 데이터를 처리하고 돌려보낼 test1_ok.jsp 파일 위의 코드에서 계산할 두 수를 입력한뒤, [=] 버튼을 누르면 ..

jQuery - jQuery란 HTML에서 이벤트, 애니메이션, Ajax, DOM 등 웹 화면을 다루는 자바스크립트 라이브러리 사용하기 위한 링크 사용 방법 위의 코드는 그냥 자바스크립트로 실행시 1만 실행되고 2는 실행이 안된다. jQuery에서는 1번 실행 후 2번이 실행되는것을 지원해준다. 위에서부터 차례대로 1을 출력 -> 2를 출력 -> 배경색변경 -> 안녕하세요? web에 보여줌 Element 찾기 자바스크립트에서 Element를 찾아오려면 var name = document.getElementById("userName").value; 해당 Id, class, tag.. 지정된 메서드를 통해 가져왔지만 jQurey에서는 간단해진다. var name = $("#userName").val();

Struts2 struts2는 struts1의 서블릿방식에서 필터 방식으로 변화 struts2 프레임워크는 struts1과 셋팅만 다를뿐 방식은 비슷하다. 1. Struts2 셋팅 web.xml struts2 org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter struts2 /* 2.struts.xml (include로 struts-study.xml 파일 링크) /execption/error.jsp 3.struts-study.xml /study/write.jsp /study/view.jsp struts1 과 마찬가지로 해당 name을 찾아 지정된 클래스의 메서드를 실행해 처리하는 방식 4.StudyForm package com.st..

Struts1 Struts1은 웹 애플리케이션을 개발하기 위한 프레임워크로 자바 서블릿 을 기반으로 만들어졌고 Spring을 이해하기 위해서는 Struts1, 2를 이해하고 넘어가야한다... Struts와 서블릿의 기본적인 개념은 똑같다. 1. struts1 환경 세팅 web.xml ( lib 파일 필요 ) action org.apache.struts.action.ActionServlet config /WEB-INF/struts-config_test.xml 2 action *.do : bean 은 객체를 생성하는 의미 com.test.TestForm 클래스의 객체를 testForm의 이름으로 생성 : 서블릿에서 사용한 doGet, doPost 대신 action 사용 /test 라는 주소가 들어올경우 wr..

Servlet Java를 사용하여 웹을 만들기 위한 기술 클라이언트의 요청에 대한 결과를 반환 HttpServlet 을 상속받아 작성 doGet 과 doPost 메서드를 오버라이드하여 사용 DTO와 DAO 를 이용한 데이터 전송 폴더명/파일명.jsp 로 이동이 아닌 사용자 지정 주소 사용 (web.xml) 예제1 아이디와 이름을 입력받아 출력페이지로 데이터 전송 1. web.xml 설정 study1 com.test.TestServlet study1 /study1/* servlet-name은 사용자 설정으로 아래 mapping과 동일해야 한다. servlet-class는 어떤 클래스파일을 사용할것인지 설정 mapping 부분의 url-pattern은 서블릿을 사용하기전에는 주소가 localhost:8080..

학원에서 7월 18일 부터 7월 26일까지 주말을 제외한 7일동안 세미프로젝트를 진행하게 되었는데, 현재 강의가 핀테크에 관련되어 있기 때문에 지금까지 배운 JAVA, JDBC, JSP Servlet 으로 핀테크 프로젝트를 만드는것으로 주제가 정해져 있었다. 핀테크란? 금융과 기술의 합성어 모바일, 빅 데이터, SNS등 첨단 정보 기술을 기반으로 한 금융 서비스 및 산업의 변화 예로 카카오페이, 애플페이, 인터넷뱅킹, p2p대출, 비트코인 등이 있다. 우리 조는 주제로 은행을 만들기로 계획했고, 토스와 카카오뱅크 홈페이지를 참고하였다. 회의 결과 은행 서비스중 계좌내역 조회, 이체(예약이체), 대출, 환율정보, 오시는길, 고객센터 를 만들기로 결정하였다. 데이터베이스 처음 데이터베이스를 설계할 당시 테이..

submit submit은 자기자신 form의 action을 찾아가는것으로 다른 페이지로 이동 또는 데이터를 보내줄 수 있다. 예시로 ex1 에서 ex2로 ex2에서 ex3로 데이터를 전송하려고 할때 이름: 생일: ex1 HTML에서 이름과 생일을 받아서 ex2로 전송하려 한다. 아이디: 패스워드: ex2에서 데이터를 받았고, ex2에서 또다시 ex3로 데이터를 전송해주려고 할 때, ex1에서 넘어온 이름과 생일 데이터는 ex2에서 ex3로 다시한번 넘겨줘야 ex3에서 사용이 가능하다. 여기서 hidden이란 데이터를 전송할 때 주소에 get방식으로 데이터가 보이게 되는것을 막는 방법으로 데이터는 넘어가지만, 주소에 데이터는 나오지 않게 된다. 이름: 생일: 아이디: 패스워드: 또 session 방식이 ..

달력만들기 JSP로 달력을 만들기 위해서는 Java와 똑같이 사용가능한 JSP영역에서 Java의 Calender클래스를 활용하여 Java에서 만들던 방식 그대로 가져와 웹서버에 출력해주면 된다. JSP 영역 12) { nextYear = year + 1; nextMonth = 1; } cal.set(year, month - 1, 1); int startDay = 1; int endDay = cal.getActualMaximum(Calendar.DAY_OF_MONTH); int week = cal.get(Calendar.DAY_OF_WEEK); //out.print(week + " " + preMonth + " " + nextMonth); %> 이전 java의 calender 에서 현재날짜 를 가져오는 방..

form form이란 입력한 정보 또는 넘겨주기위한 정보를 담아두는 큰 그릇 이름: 한마디: form 태그에서 action은 form을 전송할 스크립트파일을 정해주고, method 는 get 또는 post 방식이 있다. name 은 폼을 식별하기위한 이름을 정해줄 수 있다. 또한 input 태그에서 submit 버튼을 만들어 주었는데, submit은 자동으로 form의 action을 찾아가 해당 스크립트를 웹서버에 보여주게 된다. 해당 스크립트에서 데이터를 받아올 때는 request로 받아올 수 있다. 이름 : 한마디 : 이전 입력창의 name으로 데이터를 받아올 수 있는데, 이름은 name, 한마디는 str로 name을 줘서 request.getParameter로 해당 name을 입력하여 값을 받아온뒤..

영역 html 영역 jsp 영역 script 영역 style 영역 HTML 영역은 문서자체가 html로 이루어져있기 때문에 따로 설명하지 않겠다. JSP 영역 b){ c = 30; } else { c = 25; } %> A: B: C: 위의 부분이 JSP 영역으로 java에서 사용한 문법,클래스....등등 사용이 가능하며 html로 변수또는 함수를 불러오고 싶을 때는 으로 가져올 수 있다. Script 영역 Script 영역에서는 JavaScript 코드를 작성할 수 있다. 수1: 수2: 부분이 javascript 영역이 된다. 이곳에서는 body안에 name으로 설정한 값을 document.form이름.name 으로 가져와서 작업해 줄 수 있다. style 영역 style 영역은 CSS 영역으로 꾸미기..