본문 바로가기

분류 전체보기331

[JSP] 5. 서블릿이란? [JSP] 5. 서블릿이란?  1. 서블릿이란?-서블릿(Servlet)은 자바 언어로 작성된 서버 측 컴포넌트로, 웹 애플리케이션에서 클라이언트의 HTTP 요청을 처리하고 동적인 웹 페이지를 생성해 응답하는 역할을 한다.-서블릿은 Java EE(Enterprise Edition) 사양의 일부로, 주로 HTML 페이지를 생성하고 데이터베이스와 연동하여 데이터를 처리하는 데 사용된다. *컴포넌트란?여기서 컴포넌트는 독립적으로 작동할 수 있는 소프트웨어의 작은 단위이다. 서블릿은 웹 서버에서 독립적으로 실행되며, 클라이언트의 요청을 처리하고 응답을 생성하는 역할을 한다.  2. 서블릿의 역할(1) HTTP 요청 처리- 서블릿은 클라이언트로부터 들어오는 HTTP 요청을 처리한다.  (2) 동적 웹 콘텐츠 생성-.. 2024. 7. 1.
[CSS] 5. Flex-direction 속성 [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.. 2024. 7. 1.
[CSS] 4. Flexbox [CSS] 4. Flexbox 1. Flexbox란? Flexbox는 웹 페이지의 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도, 각 요소를 정렬하고 배치하는 것이 간단해진다.  2. Flexox의 주요 특징(1) 유연한 배치(2) 간단한 정렬(3) 반응형 디자인 -Flex 컨테이너: Flexbox를 적용할 부모 요소-Flex 아이템: Flex 컨테이너 내의 자식 요소들 2024. 7. 1.
[CSS] 3. 박스 모델 [CSS] 3. 박스 모델 (1) 박스 모델(2) 블록 요소(Block Model) 블록 요소는 항상 새로운 줄에서 시작하고, 가능한 전체 가로 너비를 차지한다. 블록 요소는 기본적으로 옆에 다른 블록 요소가 올 수 없기 때문에 수직으로 쌓이는 구조를 가진다. (3) 인라인 요소(Inline Elements) 인라인 요소는 콘텐츠를 감싸는 만큼의 너비만 차지하며, 줄 바꿈 없이 다른 인라인 요소와 나란히 배치된다. 인라인 요소는 주로 텍스트의 일부로 사용되며, 블록 요소 안에 포함된다.* 인라인 요소에서 수직 마진은 그냥 적용이 안 된다!!!** 이는 웹 브라우저마다 차이가 있다!!!!  여기는 demo_01.html 파일입니다.  여기는 demo_01.html 파일입니다. 이 텍스트는 인라인 요.. 2024. 7. 1.

티스토리툴바