[HTML] 7. HTML 파일명 작성 규칙 (1) 케밥 표기법: -(하이픈) 사용(ex: contact-us.html) (2) 스네이크 케이스: _(언더스코어) 사용 (ex: user_profile.html) *권장사항을 지키자!

HelloServlet HelloServlet com.tenco.HelloServlet HelloServlet /hello-servlet hello_servlet index.html index.htm index.jsp default.html default.htm default.jsp    https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types MIME types (IANA media types) - HTTP | MDNA media type (also known as a Multipurpose Internet Mail Extensions or MIME ty..

[JSP] 5. 서블릿이란?  1. 서블릿이란?-서블릿(Servlet)은 자바 언어로 작성된 서버 측 컴포넌트로, 웹 애플리케이션에서 클라이언트의 HTTP 요청을 처리하고 동적인 웹 페이지를 생성해 응답하는 역할을 한다.-서블릿은 Java EE(Enterprise Edition) 사양의 일부로, 주로 HTML 페이지를 생성하고 데이터베이스와 연동하여 데이터를 처리하는 데 사용된다. *컴포넌트란?여기서 컴포넌트는 독립적으로 작동할 수 있는 소프트웨어의 작은 단위이다. 서블릿은 웹 서버에서 독립적으로 실행되며, 클라이언트의 요청을 처리하고 응답을 생성하는 역할을 한다.  2. 서블릿의 역할(1) HTTP 요청 처리- 서블릿은 클라이언트로부터 들어오는 HTTP 요청을 처리한다.  (2) 동적 웹 콘텐츠 생성-..

[CSS] 5. Flex-direction 속성 1. Flexbox의 두 개의 축: 주축(main Axis)와 교차축(cross axis) flexbox 레이아웃의 정렬을 이해하는 데 가장 중요한 역할을 한다. 주축(main axis)와 교차축(cross axis)의 방향 (1) 주축 방향(main axis)(2) 교차축 방향(cross axis) 2. Flex-direction 속성이란?  3.  시나리오 코드 여기는 demo_03.html 파일입니다. flex-direction : row 아이템1 아이템2 아이템3   여기는 3.html 파일입니다. flex-direction : row(기본값) 아이템1 아이템2 아이템3 아이템4 flex-direction : row-revers..

[CSS] 4. Flexbox 1. Flexbox란? Flexbox는 웹 페이지의 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도, 각 요소를 정렬하고 배치하는 것이 간단해진다.  2. Flexox의 주요 특징(1) 유연한 배치(2) 간단한 정렬(3) 반응형 디자인 -Flex 컨테이너: Flexbox를 적용할 부모 요소-Flex 아이템: Flex 컨테이너 내의 자식 요소들

[CSS] 3. 박스 모델 (1) 박스 모델(2) 블록 요소(Block Model) 블록 요소는 항상 새로운 줄에서 시작하고, 가능한 전체 가로 너비를 차지한다. 블록 요소는 기본적으로 옆에 다른 블록 요소가 올 수 없기 때문에 수직으로 쌓이는 구조를 가진다. (3) 인라인 요소(Inline Elements) 인라인 요소는 콘텐츠를 감싸는 만큼의 너비만 차지하며, 줄 바꿈 없이 다른 인라인 요소와 나란히 배치된다. 인라인 요소는 주로 텍스트의 일부로 사용되며, 블록 요소 안에 포함된다.* 인라인 요소에서 수직 마진은 그냥 적용이 안 된다!!!** 이는 웹 브라우저마다 차이가 있다!!!!  여기는 demo_01.html 파일입니다.  여기는 demo_01.html 파일입니다. 이 텍스트는 인라인 요..

[JSP] 4. 서블릿과 JSP 파일 만들어 보기   page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>DOCTYPE html>html>head>meta charset="UTF-8">title>Insert title heretitle>head>body> h1>home.jsp 파일 입니다.h1> p>주소 설계: http://localhost:8080/demo_3/home.jspp>body>html>package com.tenco;import java.io.IOException;import java.io.PrintWriter;import jakarta.servlet.ServletException;import jak..

[JSP] 3. 아파치 톰캣 시작과 폴더 구조 확인

[JSP] 2. WAS와 웹 컨테이너의 역할 1. WAS 서버의 주요 역할(1) 동적 콘텐츠 생성: 서블릿, JSP, EJB 등을 통해 동적인 웹 페이지와 서비스를 생성한다.(2) 비즈니스 로직 처리: 애플리케이션의 핵심 로직을 실행하고 처리한다.(3) 데이터베이스 연동: 데이터베이스와의 연동을 통해 데이터를 조회하고 업데이트한다.(4) 트랜잭션 관리: 데이터베이스와의 복잡한 트랜잭션을 관리한다.(5) 보안 관리: 사용자 인증, 권한 부여, 데이터 암호화 등 보안을 관리한다.(6) 세션 관리: 사용자 세션을 유지하고 관리한다.  2. 웹 컨테이너란?: 웹 컨테이너는 WAS의 일부로, 서블릿과 JSP를 실행하고 관리하는 역할을 한다. 웹 컨테이너는 웹 애플리케이션의 요청과 응답을 처리하며, 서블릿과 JSP..

[JSP] 1. 웹 서버와 웹 애플리케이션 서버 (WAS) 1. 웹 서버란? 정적 콘텐츠 제공자(1) 웹 서버는 클라이언트로부터 HTTP 요청을 받아, 정적인 HTML 파일, 이미지, CSS 파일 등을 제공하는 서버입니다. 웹 서버는 요청된 리소스를 클라이언트에게 그대로 반환한다. 웹 서버는 일반적으로 특정 폴더에 정적 콘텐츠를 저장하고, 클라이언트의 요청이 들어오면, 이 폴더에서 파일을 찾아 전달한다.=> 유명한 웹 서버로는 아파치 HTTP 서버와 Nginx가 있다.=> 도서관과 사서를 생각해보자. 사서는 우리가 찾는 책을 찾아주지만, 책을 쓰거나 내용을 수정하지 않는다. (=정적)=> 즉, 인터넷에 연결된 컴퓨터에서 누구나 접근할 수 있는 특정 폴더 안에 넣어둔 정적인 파일들을 제공하는 프로그램이다!..