[Vue.js] Vue.js 란 ?
·
Frontend/Vue.js
vue.js란 ? - 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 - 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제동된다. - 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다는 의미 vue.js의 장점 - 배우기가 쉽다. (html, css, js의 기초만 아는 입문자라도 빠르게 배울 수 있다.) - 리액트와 앵귤러에 비래 성능이 우수하고 빠르다. - 리액트의 장점과 앵귤러의 장점을 가지고 있다. - 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 랜더링 특징을 모두 가지고 있다. Vue.js - UI 화면단 라이브러리 - U화면 개발 방법 중 하나인 MVVM 패..
[DataBase] ERD 다이어그램 / 슈퍼타입 , 서브타입
·
Backend/DataBase
[Servlet] HttpServletRequest와 HttpServletResponse 객체 생성과 삭제 구조
·
Backend/JSP & Servlet
객체 생성 및 삭제 1. 클라이언트가 웹 브라우저에서 서비스를 요청한다. 이 때 HTTP 프로토콜 기반으로 요청정보가 만들어져 웹서버에 전달된다. 2. 웹서버는 클라이언트로부터 전달받은 요청정보의 URI를 살펴보고, 서블릿이라면 서블릿 컨테이너에 처리를 넘긴다. 3. 서블릿 컨테이너는 요청받은 서블릿 클래스 파일을 찾아서 실행한다. 4. 실행할 때 첫 순서는 최초의 요청인지를 파악한다. 최초의 요청이라면 메모리에 로딩 후 객체를 생성하고 init() 메소드를 호출한다. 5.init() 메소드 실행이 끝난 다음에는 최초의 효청이든지 그렇지 않든지 서블릿 실행 요청이 들어올 때마다 실행되는 작업으로, 서블릿 컨테이너는 HttpServletRequest와 HttpServletResponse 객체를 생성한다. ..
[Servlet] Servlet 실행 방법 / @WebServlet
·
Backend/JSP & Servlet
서블릿 실행 Servlet 파일을 담을 Package를 만들어보자. src 폴더에 마우스 오른쪽 버튼을 누르고 단축메뉴에서 [New] -> [Package]를 선택한다. package 이름은 co.kr.test ,보통 패키지 이름은 도메인으로 하는 것이 편할 것이다. 패키지를 만들고. src 디렉터리 아래 kr.co.test 패키지가 생성이 된다. 그리고 kr.co.test에 마우스 오른쪽을 누르고, [New] -> [Class] 를 선택하여 FirstServlet 파일을 하나 만들어준다. ( 다른 이름 사용해도 괜찮다. ) 새 클래스 파일을 만들고, 다음과 같이 작성한다. import javax.servlet.http.HttpServlet; 서블릿을 작성하기 위해 상속받아야 하는 HttpServlet ..
[Servlet] Dynamic Web Project 시작 / Build Path / web.xml ..
·
Backend/JSP & Servlet
서블릿 구현 및 실행 웹 애플리케이션 웹 애플리케이션 접근 서블릿은 웹서버에서 서비스되는 페이지이다. 서블릿을 개발하였으면 해당 서블릿 실행 파일을 웹서버에 올려두어야 한다. 클라이언트는 웹서버에 서비스를 요청할 때 URL 정보를 보낸다. http://localhost:8080/edu/index.jsp 1. localhost : 웹 애플리케이션을 서비스하는 웹서버가 설치된 컴퓨터 주소 2. :8080 : 포트 번호로 서버를 찾아가기 위한 정보 3. /edu : 애플리케이션 이름 4. /index.jsp : 클라이언트가 요청한 최종 문서 정보 웹 애플리케이션 위치 Dynamic Web Project > Project 이름 설정 후, next > .. > Generate web.xml deployment d..
[Servlet] HTTP, 요청 방식, 프로토콜
·
Backend/JSP & Servlet
HTTP 란 ? - Hyper Text Transfer Protocol 의 약어로, TCP/IP 4계층에서 애플리케이션 계층에 해당하는 프로토콜이다. - 전송 계층에서 TCP를 사용하여 웹 브라우저와 서버 간에 통신하는 프로토콜이다. - HTTP는 웹 브라우저와 웹서버가 통신(요청, 응답)할 때 서로 약속된 요청, 응답 메시지를 주고 받으며 통신이 이루어진다. - 신뢰성 있는 통신과 처리 효율이 높은 프로토콜로서 인터넷 환경에서 가장 적합한 통신 구조이다. HTTP 요청 정보 - 웹 클라이언트가 웹서버에 서비스를 요청하면 HTTP에 의하여 자동으로 만들어져 서비스를 요청받는 웹서버에 전달된다. 웹 클라이언트가 서비스를 요청한다는 것은 웹 브라우저 주소줄에 URL을 입력한 후 Enter 키를 누르거나 웹 ..
[Servlet] Servlet, Servlet Container, JSP 란 ?
·
Backend/JSP & Servlet
Servlet이란 ? - 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술이다. Servlet의 예시 - 사용자가 로그인을 하려고 할 때, 사용자는 아이디와 비밀번호를 입력하고 로그인 버튼을 누른다. 그때 서버는 클라이언트의 아이디와 비밀번호를 확인하고, 다음 페이지를 띄워주어야 하는데, 이러한 역할을 수행하는 것이 바로 Servlet이다. Servlet의 특징 - 클라이언트의 요청에 대해 동적으로 작동하는 웹 어플리케이션 컴포넌트 - html을 사용하여 요청에 응답한다. - Java Thread를 이용하여 동작한다. - MVC 패턴에서 Controller로 이용된다. - HTTP 프로토콜 서비스를 지원하는 java.servlet.http..
[JSTL] - 기본 문법
·
Backend/EL & JSTL
JSTL에서 제안하는 표준 접두사 Tag Library 선언문 기능 Core (기본) 가장 자주 사용되는 태그. 일반적인 프로그램의 기능을 제공한다. XML XML 문서를 생성, 조작 Formatting (I18N-국제화) RDBMS와 상호 작용하는 태그를 제공 Functions (기타함수) 일반적인 문자열을 가공하고 조작하는 표준함수 - 변수 선언 태그, 변수를 다룰 때 사용한다. - 생성한 변수는 JSP의 로컬 변수가 아니라 Servlet 보관소에 저장된다. - scope의 기본 값은 page이기 때문에 생략하더라도 JSPContext에 저장된다. 값 - 변수 제거 태그 ex) 이름 : ${name} 이름 : ${name} 이름 : hong 이름 : - 출력문을 만드는 태그 - value 값이 nul..