bootstrap

Spring

Spring Boot STEP 5 - Thymeleaf3

★ 제어문 if문 사용 if num1 : 양수 num2 : 양수 양수 [[${num1}]] 입니다. 양수 음수 양수 음수 실행 결과 switch문 사용 switch 추가하기 삭제하기 기타 실행 결과 ★ 반복문 each문 사용 이름 실행 결과 테이블 형식 Each문 번호 아이디 제목 실행 결과 ★ 조각 페이지 inc/sub.html 조각 페이지 입니다. inc/sub2.html 조각 페이지 2 조각 페이지 3 소유주 : 연락처 : 사용 Thymeleaf Fragment insert replace 실행 결과

Server

JSP STEP 2 - JSP 내장 객체

★ JSP 내장 객체, JSP Implicit Object 개발자가 직접 생성하는 객체가 아니라, JSP(톰캣)가 미리 만들어서 제공하는 객체 예약어 형태로 제공 - request, response, session, pageContext - out, application - config, page, exception 등.. - pageContext, request, session, application : 객체 내부에 사용자(개발자) 데이터를 관리하는 저장소(컬렉션)를 가진다.(*****) : 내장객체.setAttribute(key, value) : 내장객체.getAttribute(key) 1. request - 클라이언트 > (행동) > 서버 a. 전송된 데이터 가져오기 b. 전송된 데이터 인코딩 c...

Server

JSP STEP 1 - 기초 셋팅 및 응용

★ JSP 프로젝트 생성 new -> Dynamic Project -> web webapps -> jsp파일 생성 ■ JSP 실행 소스코드 JSP 페이지 JSP로 만든 페이지입니다. 실행 결과 ★ JSP, Java Server Pages 자바를 사용해서 서브측에서 페이지를 만드는 기술 Servlet의 다음 버전 서블릿 vs JSP 1. 서블릿 a. 장점 : 자바 기반. 자바 구문을 사용할 수 있다. > 자바 클래스 사용 b. 단점 : 자바 기반. 클라이언트 코드를 작성하기 어려움. > 문자열 취급 > 가상 주소 매핑 필요 2. JSP(= 웹페이지처럼 보이는 서블릿) a. 장점 : HTML 문서 기반. 클라리언트 코드 작성이 쉽다. > 구문 인식 > 가상 주소 매핑 불필요 b. 단점 : HTML 문서 기반..

Server

SERVLET STEP 2 - Servlet 응용

★ Servlet 구조 작동 원리 및 구조 ■ 데이터 전송 및 수신 1. 데이터 전송 -> Ex04 2. 데이터 수신 -> Ex04Ok Ex04 소스코드 package com.test.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class Ex04 extends HttpServlet{ @Override protected ..

Library

BootStrap STEP 2 - Page 만들기

■ HTML 코드 Board 번호 제목 이름 날짜 읽음 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 1 게시판입니다. 홍길동 2023-05-03 10 2 안녕하세요. 하하하 하하하 2023-05-02 12 Previous 1 2 3 4 5 6 7 8 9 Next ■ CSS 코드 ■ 실행 결과 ■ 아이콘을 제공 https://icons..

Library

BootStrap STEP 1 - BootStrap 셋팅&사용

★ 부트스트랩, BootStrap 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS프레임워크이다. https://getbootstrap.com/docs/5.3/getting-started/download/ Download Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more. getbootstrap.com 다운로드 CDN VSCode 터미널을 이용해서 다운로드 ■ 부트스트랩 가져오기 명령어 ■ 다양한 사용 설명 https://getbootstrap.kr/docs/5.2/getting-st..