KOSA FullStack 교육 (35) 썸네일형 리스트형 KOSA fullstack 교육(Ajax 실습, myBatis) 알고리즘을 이용한 간단한 ajax 실습을 해보았다. 먼저 최빈값 알고리즘을 이용해서 문자열 중에 가장 많은 문자열을 출력하는 알고리즘을 servlet을 통해 찍어보자 Count.java Kickboard.java 단어세기 입력 문자열 : 가장 많이 나온 단어 : Kickboard 입력 파일명: 갈수 있는 경로의 수 : 기본 코드가 있고 다음은 구현된 최빈값 알고리즘과 킥보드 알고리즘이다. package com.algo;import java.util.HashMap;import java.util.HashSet;import java.util.StringTokenizer;public class Count { public String exe.. KOSA fullstack 교육(Ajax) 어제 컴포넌트화한 사진이다. 컴포넌트는 java class로 이루어져있다는 것이 가장 중요하다. 전통적 MVC VS Spring MVC전통 MVC Spring MVC 설명FrontControllerDispatcherServlet모든 요청의 진입점. 요청을 받아 적절한 컨트롤러로 전달ControllerFactoryHandlerMapping어떤 컨트롤러(Handler)가 요청을 처리할 지 매핑 HandlerAdapter컨트롤러 실행을 위한 어댑터Controller@Controller, @RestController요청을 처리하는 실제 비지니스 로직 담당 동기 VS 비동기과거에는 모든 입력 칸을 채운 후 회원가입을 시도했을 때, 서버 오류나 유효성 실패가 발생하면 사용자가 입력한 데이터가 모두 사라.. KOSA fullstack 교육(Cookie, Session) Cookie Cookie는 Map 방식이지만, 기존 Map과는 다르게 value값에 객체 저장이 안되고 String으로 저장해야한다. Servlet에서 web 브라우저로 보내져서 브라우저에 저장이 된다. Session세션에 바인딩 해야하는 경우가 딱 두 가지 있다. (1. 로그인 2. 회원정보 수정)서버는 각 사용자에게 고유한 세션(JSESSIONID)을 부여브라우저는 이 ID를 쿠키로 저장하고 이후 요청마다 함께 전송서버는 JSESSIONID를 통해 어떤 사용자인지 식별하고 상태(로그인, 장바구니 등)를 유지함쿠키는 클라이언트와 서버 간 “식별자 역할”을 하는 유일한 통신 수단 Cafe Member 관리 프로그램을 그림으로 구조도를 그려보자 그림으로 그려보면 서블릿이 한 메소드당 하나씩 만들어.. KOSA fullstack 교육(ConnectionPooling) ConnectionPoolingconnection을 반환받아올 때마다 가장 많은 리소스를 사용한다. 이를 connectionpooling 방법으로 바꾸어보자 프로젝트를 새로 파고 해당 경로에(META-INF) 아래에 다음과 같은 xml 파일을 만든다. “XML 파일의 내용을 WAS에 등록”server.xml 또는 context.xml과 같은 XML 설정 파일에 데이터베이스 연결 정보를 정의하면, 이 정보가 WAS(Web Application Server), 즉 Tomcat 같은 컨테이너에 의해 읽혀지고, JNDI 리소스로 등록됨즉, 서버가 시작될 때 “jdbc/mysql”이라는 이름으로 객체가 등록되어, 나중에 Java 코드에서 이 이름을 통해 DB 연결 자원을 꺼내 쓸 수 있게 되는 것Connec.. KOSA fullstack 교육(Servlet API 2) 이미지처럼 Register Form에서 사용자가 버튼을 누르면, 태그에 지정된 action으로 요청이 전송되며,method="get" 또는 method="post"에 따라 서블릿의 doGet() 혹은 doPost() 메서드가 호출된다.method를 적지 않으면 기본으로 get이 호출된다. Client 요청 방식 1) Get: 모든 요청의 디폴트. 거의 90%의 요청이 get 요청이다. 단순한 페이지 연결(Get it!)페이지 연결이 주 목적이지, 데이터 전달이 주목적이 아니다.데이타를 전달할 때 주소창에 데이타가 노출된다. 전달하는 데이타의 크기, 길이에 제약 2) Post: Post Office의 줄임말, 데이타 전달이 주목적이다. "내가 ~~ 이런 데이터를 서버 프로그램쪽으로 보낼테니 프로그램은.. KOSA fullstack 교육(Servlet API 1) Servlet 기술의 정의 (Enterprise spec) WAS는 web server + container라고 볼 수 있다.하지만 container의 개념이 더 강하다! ✔︎브라우저에서 요청하면, 먼저 모든 요청은 웹 서버(web server)로 들어간다. 그럼 정적인 파일(css, js, png, mp3...)에 요청하고, 다시 그대로 반환하여브라우저에서 띄운다. ✔︎하지만 프로그램이 실행되는 영역(동적)으로 요청을 더 하고싶을 때에는즉, container/Engine/WAS와 같은 영역(java!!!)으로 더 들어간다. 여기서 container는 "프로그램이 돌아가는 영역" / 자바는 딱 두가지 클래스만 존재. DAO & VO 이제 서블릿이 무엇인가? ** 브라우저에서 요청하는 것을 처리해서.. KOSA fullstack 교육(JQuery form, LocalStorage) JQuery Form에 대한 예제이다. Form 예제 1)각각 링크로 들어가는 a 태그를 준비한다.JQueryw3school 여기서 만약 링크에 school이 포함된 링크를 누르면 이러한 화면이 뜨도록 코드를 구현해보자 JQueryw3school Form 예제 2) select처음에 버튼과 select폼을 다음과 같이 생성한다. SK 텔레콤 서비스 대학로점 SK 텔레콤 서비스 구로점 SK 텔레콤 서비스 삼성대로점 SK 텔레콤 서비스 방배점 SK 텔레콤 서비스 사당점 여기서 버튼을 클릭하면 버튼의 value를 div영역에 출력해보자. 이제 진짜 예제 문제를 풀어보자 .select에서 아이템을 선택하면 한 줄씩 선택한 것들이 출력되도록 해보자. Form 예제 3) 배열 기본 세팅 해놓고 시작한다.현재 배열.. JQuery Template 설정(이클립스 환경) JQuery CDN을 항상 script로 귀찮다면 이 Template 설정을 해보자 1. CDN을 넣은 파일을 만들고 전체 복사를 한 후 새로운 html 파일을 만든다. 2. file이름을 작성하고 finish가 아닌 next를 누른다.3. 사진의 html Template을 클릭한다. 4. 다음 사진에서 new를 클릭해서 새로운 Template을 만든다.5. 다음과 같은 화면이 뜨면 복사해 둔 코드를 붙여넣기 한다. 여기서 중요한 점은 꼭 Context를 New HTML로 설정해야한다는 것이다. 그리고 $은 무조건 $$두개로 해야 인식한다. 6. 이제 만들고 하나 뒤로 나오면 내가 만든 Template이 나오는데, 그것을 선택하고 파일을 만들면 된다. 이전 1 2 3 4 5 다음