본문 바로가기

분류 전체보기134

Flexbox 웹 페이지 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도 각 요소를 정렬하고 배치하는 것이 아주 간단하다. 주요 특징1. 유연한 배치 : 요소의 크기나 순서를 유연하게 조절할 수 있다.2. 간단한 정렬 : 복잡한 계산 없이 요소를 수평 및 수직으로 쉽게 정렬할 수 있다.3. 반응형 디자인 : 화면 크기가 변해도 레이아웃이 자동으로 조정된다. 주요 개념Flex 컨테이너 : Flexbox를 적용할 부모 요소Flex 아이템 : Flex 컨테이너 안에 있는 자식 요소들 FlexBox의 두 개의 축flexbox 레이아웃의 정렬을 이해하는데 가장 중요한 역할을 한다. 주축(main axis)의 방향과 교차축(cross axis.. 2024. 7. 1.
05. request 기본 객체 5.1 클라이언트 정보 및 서버 정보 읽기메서드리턴 타입설명getRemoteAddr()String웹 서버에 연결한 클라이언트의 IP 주소를 구한다. 게시판이나 방명록 등에서 글 작성자의 IP 주소가 자동으로 입력되기도 하는데, 이 때 입력되는 IP 주소가 바로 이 메서드를 사용하여 구한 것이다.getContentLength()long클라이언트가 전송한 요청 정보의 길이를 구한다. 전송된 데이터의 길이를 알 수 없는 경우 -1을 리턴한다.getCharacterEncoding()String클라이언트가 요청 정보를 전송할 때 사용한 캐릭터의 인코딩을 구한다.getContentType()String클라이언트가 요청 정보를 전송할 때 사용한 컨텐츠의 타입을 구한다.getProtocol()String클라이언트가 요.. 2024. 7. 1.
03. page 디렉티브 page 디렉티브를 사용하면- JSP 페이지가 어떤 문서를 생성하는지 - 어떤 자바 클래스를 사용하는지- 세션(session)에 참여하는지- 출력 버퍼의 존재 여부같이 JSP 페이지를 실행하는데 필요한 정보를 입력할 수 있다. page 디렉티브의 주요 속성속성설명기본값contentTypeJSP가 생성할 문서의 MIME 타입과 캐릭터 인코딩을 지정한다.text/htmlimportJSP 페이지에서 사용할 자바 클래스를 지정한다. sessionJSP 페이지가 세션을 사용할지의 여부를 지정한다. "true"일 경우 세션을 사용하고 "false"일 경우 세션을 사용하지 않는다.truebufferJSP의 출력 버퍼 크기를 지정한다. "none"일 경우 출력 버퍼를 사용하지 않으며, "8kb"라고 입력한 경우 8킬로.. 2024. 7. 1.
02. JSP 페이지의 구성 요소 디렉티브스크립트 : 스크립트, 표현식, 선언부표현 언어기본 객체정적인 데이터표준 액션 태그커스텀 태그와 표준 태그 라이브러리42.1 디렉티브JSP 페이지 설정 정보를 지정할 때 사용한다.JSP가 제공하는 디렉티브디렉티브설명pageJSP 페이지에 대한 정보를 지정한다. JSP가 생성하는 문서의 타입, 출력 버퍼의 크기, 에러 페이지 등 JSP 페이지에서 필요로 하는 정보를 설정한다.taglibJSP 페이지에서 사용할 태그 라이브러리를 지정한다.includeJSP 페이지의 특정 영역에 다른 문서를 포함시킨다.  2.2 스크립트 요소JSP에서 문서의 내용을 동적으로 생성하기 위해 사용되는 것이 스크립트 요소이다. 스크립트 요소를 사용하면 사용자가 폼에 입력한 정보를 데이터베이스에 저장할 수 있으며, 데이터베이.. 2024. 7. 1.
02. JSP 만들고 실행해보기 JSP로 오늘 날짜 출력하기  오늘 날짜는 입니다. 필요한 패키지를 import 해주어야 한다. 2024. 6. 30.
Dynamic Web Project 1 Dynamic Web Project 생성하기  Servlet 생성하기 서블릿 클래스 경로프로토콜://IP:포트번호/Context root/url-pattern JSP, HTML 등 파일 경로프로토콜://IP:포트번호/서블릿 클래스명/파일명Server 생성하기파일 구조 2024. 6. 29.

티스토리툴바