전체 글 (26) 썸네일형 리스트형 JAVA - Web : Servlet 동작 과정 정리 1 Servlet 동작 과정 클라이언트가 URL을 입력 HTTP request가 요청 전송 Servlet Container(대표적으로 톰캣)*가 요청 받아서 HttpServletRequest, HttpServletResponse 객체 생성 5. web.xml 기반으로 사용자가 요청한 URL이 어느 서블릿 요청인지 탐색(mapping 필요) - web.xml은 서버가 시작되면 제일 먼저 읽는 파일 - 웹 어플리케이션의 배포서술자(Deployment Descriptor)* 역할 - 1번 클라이언트가 입력한 URL과 web.xml에 등록된 URL이 일치 하는 경우 해당 파일 실행 → URL 예시 : http://localhost:8001/servlet → 즉, http://구동종인서버의ip:포트번호/애플리케이션C.. JAVA - Web : Servlet(JSP)이란? 서블릿(Servlet)이란? - 클라이언트 요청 처리, 결과 반환하는 Servlet 클래스의 규칙에 따라는 자바 웹 프로그래밍 기술 - 웹서버는 정적인 페이지만 제공하며 동적인 페이지를 제공하기 위해서는 다른 곳에 도움을 요청해야 → 웹서버가 동적인 페이지를 제공할 수 있도록 도와주는 어플리케이션이 서블릿 - 동적으로 웹 페이지를 생성하고, 사용자의 요청을 처리하며, 데이터베이스와 통신하고, 기타 웹 애플리케이션에서 필요한 작업을 수행하는 데 사용 - 즉, 웹서비스를 위한 "자바클래스"이며, 자바를 사용해서 웹을 만들기위해 필요한 기술 사용자의 요청을 받아 처리하고 그에 해당하는 응답페이지를 만들어 다시 사용자에게 전송하는 역할을 하는 자바 클래스(Controller in MVC pattern) - 웹에.. Web Server(정적콘텐츠) vs WAS(Web Application Server, 동적콘텐츠) 정적 콘텐츠(Static content) : 내용이 고정되어 변하지 않는 콘텐츠. 이미지파일, html문서와 같이 서버에 저장되어 있고 클라이언트로부터 요청이 있을 때마다 동일한 내용 제공 동적 콘텐츠(Dynamic content) : 사용자의 요청이나 특정 조건에 따라 실시간으로 생성되거나 변경되는 콘텐츠 HTTP(Hypertext Transfer Protocol)란? 인터넷에서 데이터를 주고받는 데 사용되는 프로토콜. 컴퓨터나 장치 간 통신을 위한 규칙과 절차의 집합을 말한다. HTTP는 웹 서버와 클라이언트(일반적으로 웹 브라우저) 간에 데이터를 전송하기 위한 규약이다. 즉, WWW(World Wide Web)에서 HTML 문서를 송수신 하기 위한 표준 프로토콜을 말한다. 프로토콜이란? 컴퓨터 내부.. 인터프리터 언어(JavaScripts) vs 컴파일 언어(Java) 컴파일 언어 개발자가 작성한 코드를 컴퓨터가 사용하는 기계어로 번역하고 이 코드를 한번에 실행한다. 번역은 컴파일러가 수행한다. 대표적인 언어로 C, C++. java, Go 등이 있다. 런타임 상황에서 이미 기계어로 모든 내용이 번역되어 있기 때문에 인터프리터 언어에 비해 실행 속도가 빠르다. 컴파일 과정에서 오류 검사가 이루어져 오류가 있으면 실행도 되지않기 때문에 안정적이고 효율적인 프로그램을 만들 수 있다. 규모가 큰 프로그램은 컴파일이 완료되기까지의 시간이 오래 걸릴 수 있으며, 이 때문에 인터프리터 언어에 비해 개발 속도가 느릴 수 있다. 하지만 컴파일이 완료된 이후에는 빠르게 실행할 수 있다. 기계어로 번역된 코드를 배포하므로 보안상 안전한다. 인터프리터 언어 코드를 한줄씩 읽어가며 실행하므.. CSS 레이아웃 스타일: flex(flex-direction, justify-content, align-items 등), grid + box-sizing (display: flex) !레이아웃 배치 기능! 요소(item)들을 부모컨테이너안에서 유동적으로 배치하기 위해 flexbox에 넣는다. 부모요소는 flex container, 자식요소는 flex item flex container은 flex의 영향을 받는 전체 공간 flex의 속성은 컨테이너에 적용 or 아이템 적용 * 부모인 CONTAINER 적용 속성 일단 display: flex를 먼저 설정해 주어야 한다. - 가로 방향으로 배치 - width는 가진 내용물의 width 만큼 차지 - height는 컨테이너의 높이만큼 처음 자리 container 자리 잡을 때 inline이 block 으로 잡힘 CONTAINER 적용 속성 1. flex-direction 아이템 축 방향 설정 flex-direc.. CSS 요소영역이란? & 레이아웃 스타일: display, position + z-index & float * (요소영역: content + padding + border) + (요소 바깥쪽 영역: magin) 1. content : 내용물 2. padding : content와 border 사이 여백 3. border : 테두리 4. margin : 테두리 바깥 영역(타 요소와의 거리) * 블럭요소 / 인라인요소 https://anjoo.tistory.com/25 display 화면 배치 방법을 변경하는 CSS 스타일 inline, inline-block, block, flex, grid display: inline | inline-block | block 사용법 예시) display: inline 첫번째 두번째 세번째 display: flex 요소들을 flexbox에 넣어 유동적으로 배치 가능하도록 하는 .. HTML/CSS 블럭요소(div), 인라인요소(span), style선택자 + 선택자 우선순위 블럭요소 : p, pre, div 한 줄 단위로 영역 차지 줄바꿈 적용: 사용한 태그의 다음줄에 다음 영역 잡힘 인라인요소: b, mark, s, img, span content(내용) 영역에 해당하는 부분만 차지 줄바꿈 적용 X: 사용한 태그의 바로 옆에 영역 잡힘. 즉, 같은 줄 에 다음 영역 잡힘 style을 위한 선택자 1. 모든 선택자 : * 2. 태그 선택자 : 태그명 3. 아이디 선택자: #아이디 4. 클래스 선택자: .클래스명 예) li{ background: brown; } #id1{ color: aliceblue; } .class1{ color: green; } 기타 선택자 1. 속성선택자 속성을 적용할 요소에 미리 작성된 속성 선택 적용 * 선택자[속성=속성값] : 일치 * 선택자[속.. HTML 표만들기: <table>, <tr>, <th>, <td> 태그 * 표만들기를 위한 기본 태그 , , , : 기본 표 생성 : 한 행 : 한 열, 제목셀(글자 굵게, 가운데 정렬) : 한 열, 일반셀 * 셀병합 속성 : colspan, rowspan 예시) 이력서 사진 이름 홍길동 연락처 010-0000-0000 주소 경기도 군포시 ㅇㅇㅇ ㅇㅇㅇ 자기소개 안녕하세요 저는 ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ 이전 1 2 3 4 다음
