다음 게시글 [Swiper] 스와이퍼 한 페이지에 여러개 사용하기. Multiple Swiper 이전 게시글 호출부분 fragment 지정부분 //⭐ID명 동적으로 가져옴 최상급 10000원 //⭐ID명 동적으로 가져옴 //⭐ID명 동적으로 가져옴 swiper-button-next-custom은 버튼을 외부로 빼기위해 css 적용한 것이 lotuus.tistory.com //fragment호출부분 //fragment지정부분 최상급 10000원 나는 swiper를 fragment로 사용하기위해 타임리프로 swiperName을 받아서 클래스를 추가하게끔했고, 사진처럼 버튼을 외부로 꺼내기 위해 swiper-cover라는 div로 한번 더 감싸주었다 그리고 한 페이지에 여러 슬라이드가 들어간 상태이다 (swi..

th:each : 타임리프의 반복문 객체List 중에서 객체 하나씩 꺼내기 Onions 2.41 yes #numbers 숫자 유틸리티 개체 .sequence(from, to) : from부터 to까지 1씩 증가 .sequence(from, to, step) : from부터 to까지 step씩 증가 each문의 상태변수 index 상태변수를 사용하고자한다면 "반복변수명+Stat+.index" 이렇게 조합해서 사용한다 - index : 0부터 시작하는 인덱스 - count : 1부터 시작하는 인덱스 - size : 리스트에 저장된 요소의 개수 - even : 현재 반복이 짝수인지 확인. true/false 반환 - odd : 현재 반복이 홀수인지 확인. true/false 반환 - first : 현재 반복이..

목차 HTTP의 특징 HTTP는 비연결성(Connectionless)과 무상태(Stateless)라는 특징이 있다. 클라이언트는 서버에게 Request를 보내면서 서버와 연결되는데 이때 서버가 클라이언트에게 Response하면서 맺었던 연결을 끊어버린다. => 서버는 클라이언트를 기억하지 않으므로, 서버 입장에서 모든 요청은 다 처음보는 요청이다 (stateless) stateful은 서버가 클라이언트를 기억하는 것이고 stateless는 서버가 클라이언트를 기억하지 않는 것이다. 상태 유지 방법 1 : 쿠키 (Stateless서버) 서버가 클라이언트를 기억할 수 있도록 클라이언트(웹브라우저)에게 인증정보를 준다. 1. 클라이언트가 서버에게 로그인을 요청하면 서버는 로그인 정보를 확인하고, 인증정보가 담..

목차 Validation : 데이터 검사 Validation이란 데이터의 값이 유효한지 검사하는 것이다. 유효성검사를 통해 올바르지 않은 데이터가 서버로 전송되거나, DB에 저장되지 않도록 한다. 의존성 설정 spring-boot-starter-validation은 가장 유명한 hibernate validator를 포함하고있다 Maven이용 시 pom.xml org.springframework.boot spring-boot-starter-validation Gradle이용 시 build.gradle implementation 'org.springframework.boot:spring-boot-starter-validation' Controller에 검증로직 직접 구현 Map errors 객체를 생성하여 ..

목차 Welcome페이지 /resources/static 에 index.html을 생성하면 스프링부트가 welcome페이지로 처리해준다. Logging 로깅 스프링부트는 자동으로 spring-boot-starter-logging 라이브러리를 사용하고, spring-boot-starter-logging라이브러리는 SLF4J, Logback 라이브러리를 사용한다. SLF4J는 수많은 로그 라이브러리를 인터페이스로 제공하고 Logback은 로그 라이브러리를 구현하는 구현체이다. System.out.println은 콘솔에만 출력되지만 로그는 콘솔뿐만 아니라 파일, 네트워크 등의 별도의 위치에 남길 수 있다. 양이 많아지면 특정기준에 따라 로그를 분할할 수 있고, 성능도 System.out 보다 좋다. impor..

목차 스프링MVC 이전에서의 구현 역할 스프링에서의 구현 FrontController handlerMappingMap을 생성하고 초기화한다. handlerAdapter를 생성하고 초기화한다. HttpServlet을 상속받아 service메서드를 재정의한다 handlerMappingMap에서 찾은 각 Handler를 Adapter로 넘기고 반환받은 ModelView에서 viewName을 get해서 MyView객체 생성한다 MyView객체의 render메서드를 실행하여 페이지를 이동한다. DispatcherServlet handlerMappingMap 주소와 Handler(=각 Controller)들을 맵핑함 (MemberFormControllerV3, MemberSaveControllerV4...) Han..

목차 기존의 MVC Servlet 이전의 코드에서는 공통부분의 중복이 발생했다. ( 분홍색은 주소를 맵핑하는 공통부분, 노란색은 model에 값을 담는 공통부분, 초록색은 view를 호출하는 공통부분이다. ) 공통부분을 Front Controller로 빼내고, 각 주소에 따라서 각각의 Controller에 요청을 전달해주자. 잘 보면 공통부분만 HttpServlet이 필요하고, 나머지부분은 자바 코드로만 작성해도 문제없다. -> 공통부분 Front Controller는 Servlet으로 작성하고 -> 각각의 Controller는 자바로 작성한다. FrontController 프론트컨트롤러 도입 주소맵핑 공통부분으로 빼면서 바뀐 점 - 기존 각각 서블릿코드의 @WebServlet, extends HttpS..

목차 서블릿 VS JSP 서블릿의 불편함 : HTML 코드를 작성하려면 w.write("")...처럼 메서드 안에 일일이 문자로 작성해주어야한다. JSP의 불편함 : JSP파일 하나에 비즈니스로직, 화면표현 등의 너무 많은 역할이 주어진다. -> 나중에 유지보수가 어려워진다. 비즈니스 로직은 서블릿 처럼 다른곳에서 처리하고, JSP는 목적에 맞게 HTML로 화면(View)을 그리는 일에 집중하도록 하자. => MVC 패턴 출현 MVC 패턴 이전의 문제점들 1. 1개의 JSP파일에 비즈니스로직, View 표현, DB연결.. 등 너무 많은 역할이 존재했다. 2. UI와 비즈니스로직의 연관성이 있을까?? 대부분의 경우는 서로 연관성도 없고 UI가 변경된다해서 비즈니스로직에 영향을 주는 경우도 없다. => 둘 ..

목차 서블릿 클래스 만들기 서블릿 클래스는 HttpServlet을 반드시 상속받아야하며 @WebServlet 애노테이션을 작성해서 스프링에게 이 클래스가 웹 서블릿 클래스 라는 것을 알려주어야 한다. 그래야 ServletApplication의 @ComponentScan이 HelloServlet클래스를 서블릿으로 가져올 수 있다. HttpServlet 클래스를 실행하면 자동으로 service메서드가 실행된다. import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.boot.web.servlet.Serv..

목차 웹 서버 Web Server : 정적 리소스 제공 클라이언트에게 정적 리소스(html, css, js, 이미지 등등) 들을 제공해준다. EX) NGINX, APACHE 웹 애플리케이션 서버 Web Application Server : 정적 + 동적 리소스 제공 클라이언트에게 동적 리소스(비즈니스로직, JSP, 스프링 MVC 등등)을 제공해준다. 웹 서버의 기능을 포함한다(정적 리소스 제공) EX) TOMCAT ... => WAS가 애플리케이션 코드를 실행하는데 더 특화되어있다. 웹 시스템 구성 WEB, WAS, DB WAS로만 서버를 구성하는 경우 ⭐ "죄송합니다 현재 접근불가합니다" 라는 정적페이지를 보여주려해도 WAS에 장애가 일어나면 정적페이지 조차 노출 불가능해진다. ⭐ 정적리소스에 대한 기..