전체 글 295

[JSP] (잠깐!) server.xml과 context.xml 그리고 web.xml 파일 이란?

1. 서버 시작시 어떤 파일부터 메모리에 올라 갈까? 2. 설정 파일들에 각각의 역할에 대해서 알아 보자. 각각의 XML 파일은 Tomcat 서버와 웹 애플리케이션의 설정과 구성을 관리한다.이 파일들의 역할과 메모리에 로드되는 순서를 이해하는 것은 Tomcat 서버의 동작 방식을 파악하는 데 중요하다.server.xml ... 생략 Tomcat의 server.xml 파일에 정의된 설정은 서버 레벨의 설정으로, Java 애플리케이션 코드에서 직접 변경할 수 없다.이 파일은 Tomcat 서버 자체의 구성 요소와 동작 방식을 정의하며, 서버 시작 시 읽히고 적용된디.  따라서 서버가 구동된 후에는 자바 코드 레벨에서 server.xml 설정을 동적으로 변경할 수 없다.context.xml To..

[JSP] 서블릿과 데이터베이스 연동

1. 서버로 데이터를 전송하는 form 태그 사용해 보자. 2. form 태그 action 에서 상대경로 와 절대 경로 개념을 이해하자.webapp/todo-add.html 파일에 작성 Add Todo http://localhost:8080/s02/todo-add.html Title : Description: Save  TodoServlet 파일(서블릿 클래스 생성)package com.tenco.contoller;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta..

[JSP] 서블릿과 서블릿 컨텍스트란?

할 일 목록 쇼핑하기 책 읽기 운동하기 코딩 공부하기 서블릿 컨택스트란는 녀석을 활용해서 서블릿 클래스를 작성해보자.package com.tenco.controller;import jakarta.servlet.ServletException;import jakarta.servlet.annotation.WebServlet;import jakarta.servlet.http.HttpServlet;import jakarta.servlet.http.HttpServletRequest;import jakarta.servlet.http.HttpServletResponse;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStrea..

FlexItem의 세밀한 제어 flex 속성

Flex 아이템의 속성을 이해하고 사용할 수 있다. Flexbox 레이아웃에서 각 아이템의 순서, 크기 및 정렬을 제어할 수 있다.order, flex-grow, flex-shrink, flex-basis, flex, align-self 속성의 사용 목적과 상황을 파악할 수 있다. Flex 아이템 속성 사용 목적order: 아이템의 표시 순서를 제어하여 중요도에 따라 배치 순서를 변경하기 위해 사용한다. 즉, 중요도에 따라 순서를 변경하거나 특정 아이템을 맨 앞이나 맨 뒤에 배치할 때 사용할 수 있다.flex-grow: Flex 컨테이너 내의 남은 공간을 아이템들이 비율에 맞게 차지하도록 하기 위해 사용한다. 또는 여러 아이템이 있고, 특정 아이템이 더 많은 공간을 차지해야 할 때 사용할 수도 있다.f..

CSS 2024.07.04

교차축 정렬에는 align-items와 align-content 이다.

Flexbox 레이아웃에서 교차축은 주 축(main axis)에 수직인 축이다.교차축 정렬을 위해 두 가지 주요 속성은 align-items와 align-content 이다. 교차축 정렬이란?Flexbox 레이아웃에서 교차축(cross axis)은 주 축(main axis)에 수직인 축을 의미한다.교차축 정렬은 이 축을 따라 Flex 아이템들을 배치하는 방법이다. 주 축이 수평 방향일 때 교차축은 수직 방향이 되고, 주 축이 수직 방향일 때 교차축은 수평 방향이 된다. 교차축 정렬을 위해 두 가지 주요 align-items와 align-content 속성을 사용한다. 1. align-itemsalign-items 속성은 Flex 컨테이너 내의 개별 Flex 아이템들을 교차축을 따라 정렬한다.Flex 컨테..

CSS 2024.07.04

주축 방향 정렬 justify-content 란?

justify-content 속성이란justify-content 속성은 Flex 컨테이너 내에서 주 축(main axis)을 따라 아이템들을 정렬하는 방법을 정의한다.flex-start: 아이템들을 주 축의 시작 부분에 정렬한다 (기본값).flex-end: 아이템들을 주 축의 끝 부분에 정렬한다center: 아이템들을 주 축의 가운데에 정렬한다space-between: 첫 번째 아이템은 시작 부분에, 마지막 아이템은 끝 부분에 정렬하고, 나머지 아이템들은 사이에 고르게 분포시킨다space-around: 아이템들 주위에 고르게 여백을 분포시킨다 아이템 간의 여백은 동일하지만, 첫 번째 아이템과 마지막 아이템의 바깥 여백은 내부 여백의 절반이다space-evenly: 모든 아이템들을 사이의 여백과 아이템 바..

CSS 2024.07.04

flex-wrap 이해하기

flex-wrap 속성이란? flex-wrap 속성이란 Flex 컨테이너 내의 아이템들이 주 축을 따라 한 줄에 배치될지, 아니면 여러 줄에 걸쳐 배치될지를 결정한다. flex-wrap 속성에는 아래와 같은 값을 사용할 수 있다.nowrap : 기본값으로, 모든 아이템을 한 줄에 배치한다. 아이템들이 컨테이너의 너비를 넘어서도 한 줄에 계속 배치된다.wrap : 아이템들을 여러 줄에 걸쳐 배치한다. 주 축을 따라 공간이 부족하면 자동으로 줄 바꿈이 일어난다.wrap-reverse : 아이템들을 여러 줄에 걸쳐 반대 방향으로 배치한다. wrap과 동일하게 줄 바꿈이 일어나지만, 아이템들이 반대 방향으로 쌓인다.flex-wrap: nowrap; flex-wrap: wrap; flex-wrap: wrap-re..

CSS 2024.07.04

[JSP] Get, Post 요청 방식에 이해

사전 기반 지식 1. HTTP 메세지 클라이언트에서 요청을 하면 HTTP 메세지가 만들어 진다. 2. URI 와 URL URI와 URL은 주소 방식은 인터넷 세상에서 리소스를 식별하고 접근하기 위한 개념이다. URI (Uniform Resource Identifier)URI는 인터넷에서 리소스를 식별하기 위한 문자열이다.URI는 특정 리소스를 고유하게 식별하며, 리소스의 위치와 상관없이 해당 리소스를 지칭할 수 있다.// 리소스의 이름만 나타냄 domainname.com/my-info urn:isbn:0451450523 // URN 예제 http://www.domainname.com/my-info // URL 예제 (URL은 URI의 한 형태) URL (Uniform Resource Locator)UR..

[JSP] 서블릿 작성, 배포, web.xml 설정에 이해

서블릿 배포란 무엇인가?서블릿 배포는 개발된 서블릿을 애플리케이션 서버(예: 아파치 톰캣)에 올려서 클라이언트가 접근할 수 있도록 준비하는 과정을 말한다. 배포된 서블릿은 클라이언트의 HTTP 요청을 받아 처리하고, 동적 웹 페이지를 생성하여 응답한다.  배포 과정의 주요 단계웹 애플리케이션 구조 설정서블릿을 포함한 모든 웹 애플리케이션 파일을 특정 디렉토리 구조에 맞게 배치한다.배포 기술web.xml 파일 또는 애노테이션을 사용하여 서블릿, 필터, 리스너 등을 설정한다.WAR 파일 생성 및 배포웹 애플리케이션을 WAR (Web Application Archive) 파일로 패키징하여 배포할 수 있다.서버 설정웹 서버 또는 애플리케이션 서버에 웹 애플리케이션을 등록하고 실행한다.  웹 애플리케이션 구조웹 ..