Programming 82

[환경설정] Eclipse의 Web Project와 DB(MySQL) 연결하기

1. DB(MySQL)-connector 설치 및 등록 1. mysql-connector 설치 - mysql에서 각 언어마다 연결해주는 connector를 제공하고 있으니, 가져다 쓰자! https://mvnrepository.com/artifact/mysql/mysql-connector-java 원하는 버전 선택 후, jar파일 클릭해서 다운받기 2. 웹프로젝트의 lib에 등록 WEB-CONTENT > WEB-INF > lib에 다운 받은 jar파일을 복사 & 붙여넣기하면 연결이 끝난다. 2. DB와 통신하는 JAVA코드 작성 *웹 프로젝트 뿐만 아니라, 일반 Java파일과 연결할 때도 같은 코드를 사용한다. *객체 지향을 위해, 코드를 분리해서 적었지만 DB관련 코드를 한 곳에 다 작성해서 사용해도 ..

Servlet & JSP (1) - 기본객체(내장객체)

1. 기본 객체 기본 객체란, import없이 사용할 수 있는 내장객체를 말한다. 종류는 아래와 같다. 기본 객체명 Type 설명 request javax.servlet.http.HttpServletRequest 사용자로부터 입력 받은 정보를 담고 있는 객체 response javax.servlet.http.HttpServletResponse 사용자에게 보낼 응답 정보를 담고 있는 객체 pageContent javax.servlet.jsp.PageContext 현재 페이지 객체로, forward나 include 기능을 활용할 때 사용됨 session javax.servlet.http.HttpSession 클라이언트에 대한 세션 정보를 담고 있음 *session = false 되어있으면 생성X applic..

[환경설정] Servlet & JSP 프로젝트 생성

0. 설치 1. Eclipse 설치 https://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks. www.eclipse.org 2. TOMCAT(WAS)를 설치 아래 사이트에서 원하는 버전을 다운로드하기 *설치한 Eclipse버전에서 제공하는 Tomcat버전을 확인 후에 설치할 것을 권장합니다. *저는 Eclipse 8.대, Tomcat은 9.0대를 ..

JSP (2) - Scriptlet : 스크립틀릿, 주석문, 지시자

0. Scriptlet이란? JSP파일에서 Java코드를 쓸 때, 사용되는 코드 블럭을 말함. 종류는 아래와 같다. 1) 선언 2) 처리 3) 출력 1. 선언 - 멤버변수 선언 혹은 메서드를 선언하는 영역 [예시코드] 2. 처리 - Servlet으로 변환하면 service() method가 되는 영역 - 요청 처리 Logic을 구현 3. 출력 - 표현식이라고도 함 - 데이터를 브라우저에 출력할 때 사용 - 문자열 뒤에 세미콜론(;) 작성 X : [예시코드] 아래 두 라인은 같은 결과를 출력함 4. 주석 [html주석과 jsp주석의 차이점] jsp파일에는 html주석과 jsp주석 모두 사용할 수 있다. 두 주석의 차이는 두 파일의 실행 시점이 다름을 이해하면 된다. jsp => servlet일 때 % 태그..

Servlet (1) - Servlet이란?

1. Servlet이란? 간단히 말해서, JAVA + Web이다. JAVA로 웹페이지를 동적으로 생성하는 서버 프로그램을 의미하며, Java코드 안에 HTML을 포함하는 형태이다. public class Hello extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=utf-8"); PrintWriter out = response.getWriter(); String name= "홍길동"; out.println(""); out.print..

Web Architecture

1. Web Browser 1. 구성 요소 1) Markup Language (html, xml) 2) CSS 3) JS 2. Web Application Server (WAS) - 옛날엔 WebServer와 Application이 분리되어 있었지만, 지금은 하나로 합쳤고 이를 WAS라고 함 - WAS 종류 1) Web logic 2) JEUS 3) TOMCAT(무료) 1. Web Server - http server - client의 요청을 받아서 Application Server에 접속 & 결과를 client에게 응답 전달 2. Application Server - Programming Language(Java 등) 즉, Logic을 처리 - Logic은 크게 두 가지로 나눠볼 수 있다. 1) Bus..

[JavaScript] 5. Window 객체

1. Window 객체란? - 웹브라우저에서 작동하는 JS의 최상위 전역 객체 - 여러 객체와 속성, 함수들이 있음 : Frame, Location, History, Document - BOM(Browser Object Model)으로 불리기도 함 [Window 객체 속성] 속성 설명 self 현재 창 자신으로, 자신의 window객체와 같은 의미 document document 객체, 가장 많이 사용 history history 객체, 페이지 이력과 관련됨 location location 객체, 현재 페이지와 관련됨 opener 자신을 연 창을 의미하는 객체 screen 화면의 가로, 세로 크기 정보 pageXOffset 현재 나타나는 페이지의 X위치(IE 지원 X) pageYOffset 현재 나타나는..

Programming/JS 2022.03.20

[JavaScript] 4. JS의 함수

1. JS의 함수란? - 일급(first-class) 객체 - 변수, 객체, 배열 등에 저장 가능 - 함수의 인자 혹은 반환값으로 사용 가능 - 프로그램 실행 중, 동적으로 생성 가능 2. 함수 정의 방법 방법1) 함수 선언문 function 함수이름(매개변수1, ... ){ //실행 코드 } 방법2) 함수 표현식 let 함수이름 = function(매개변수1, ... ){ //실행 코드 } 방법3) Function 생성자 함수(잘 안씀) let 함수이름 = new Function("매개변수1", "매개변수2", ..., "함수내용"); let sum = new Function("n1", "n2", "console.log(n1+n2);"); sum(1, 2);//3 [함수 호출] 함수이름(매개변수1, ...

Programming/JS 2022.03.20

[JavaScript] 3. JS의 객체(Object)

1. 객체란? - 키(Key)와 값(Value)로 구성된 프로퍼티(Property)들의 집합 - 프로퍼티를 동적으로 추가하거나 삭제 가능 - JS의 함수는 일급객체로, 프로퍼티 값으로 함수 사용 가능 2. 객체 생성 방법 1. 객체 리터럴 - { }내에 프로퍼티를 넣어 객체 생성 let person = { name: "홍길동", age : 25, introduce : function(){ console.log(`이름은 ${this.name}이고, 나이는 ${this.age}입니다.`); } } console.log(person.name);//홍길동 console.log(person["name"]);//홍길동 person.introduce();//이름은 홍길동이고, 나이는 25입니다. 2. Object 생..

Programming/JS 2022.03.14