💻 <!-- dev -->

[Servlet & JSP] 기본적인 기능이 구현된 동적 웹 페이지 만들기(환경설정, 공통코드 ver.)

더보기 Servlet/JSP를 이용해 웹 페이지를 만들기 위하여 환경설정을 해 보자 *Oracle & sql developer 1. 계정 생성 👉🏻 관리자 계정(sys as sysdba)에서 진행 -- SERVER / SERVER CREATE USER SERVER IDENTIFIED BY SERVER; -- 계정 생성 GRANT CONNECT, RESOURCE TO SERVER; -- 최소한의 권한 부여 2. 해당 계정으로 접속 후 실행 3. Table Scripts.sql 스크립트 실행 (server계정으로 지정되어 있는지 반드시 확인 후 진행할 것) *Java, Servlet, JSP & Eclipse 1. 환경 설정 1-1) Java EE(오른쪽 상단 커피콩 모양) 맞는지 확인 1-2) Consol..

[Servelt & JSP] DB 미포함 자료 흐름 구조(Controller 버전)

더보기 Servlet/JSP을 이용하여 응답화면, 처리 요청을 해 보자 (DB 미포함, Java의 Controller 버전) 피자 주문 폼 만들기 피자 주문 페이지로 이동하기 -> 주문요청페이지 -> 주문요청을 받아서 처리하는 Servlet -> 응답페이지 피자 주문 페이지로 » 피자 주문 페이지 오늘의 날짜 주문자 정보 이름 전화번호 주소 요청사항 주문 정보 피자 종류 선택 콤비네이션피자 치즈피자 포테이토피자 고구마피자 불고기피자 토핑 선택 고구마무스 콘크림무스 파인애플토핑 치즈바이트 치즈크러스트 치즈토핑 사이드 선택 콜라 제로콜라 갈릭소스 핫소스 피클 파마산치즈가루 결제 방식 카드결제 현금결제 package com.kh.controller; import java.io.IOException; impor..

[JSP] JSP의 개요와 표현법

더보기 JSP에 대해 알아보자 JSP (Java Server Page) ✔️ JSP란, HTML 형식 내에서 JAVA 코드를 쓸 수 있는 "자바 언어" 👉🏻 서블릿 (자바 코드 내)에서 응답화면을 구현했던 복잡함을 보다 간단하게 해결 가능 👉🏻 JSP의 가장 큰 장점 Servlet에서는 비즈니스 로직 처리 (컨트롤러 역할)에만 집중할 수 있고, JSP에서는 프레젠테이션 로직 처리 (응답화면을 만들어 내는 뷰 역할)에만 집중하게끔 분리할 수 있는 것 마치 MVC 패턴과 같음! MVC(Model, View, Contrller) 각 기능별로 Model, View, Controller 코드가 나뉘어져 있어서 유지보수 하기 굉장히 편함 Model : 데이터 처리와 관련된 부분들 View : 화면과 관련된 부분들 ..

[Servlet] POST 방식 테스트

더보기 Servlet의 post 방식에 대해 알아보자 POST 방식 ✔️ 특징 1. POST 방식으로 요청하는 건 URL의 Body 영역에 데이터를 포함시켜서 요청 => 사용자가 입력한 값 (데이터)들이 URL에 노출되지 않음 => 즉, 로그인이나 회원가입 같은 경우 POST 방식이 더 적합함 ✔️ 특징 2. URL의 Body 영역은 전송하는 데이터의 길이에 제한이 없음 => 즉, 게시판 작성 같은 경우 POST 방식이 더 적합함 ✔️ 특징 3. 즐겨찾기는 가능하나 전달되는 데이터가 URL에 노출되어 있지 않음 (기존에 봤던 그 응답화면을 볼 수 없을 것) => 즉, 검색 기능에는 POST 방식이 부적합함 ✔️ 특징 4. 최대 요청 받는 시간(Time out)이 존재해 페이지 요청 시 기다리는 시간이 있..

[Servlet] Servlet의 정의와 GET 방식 테스트

더보기 Servlet의 정의와 GET 방식에 대해 알아보자 *Servlet(서블릿) == controller 역할을 하는 자바 클래스 👉🏻 웹 서비스를 위한 "자바 클래스"를 말하며 자바를 이용해서 웹을 만들기 위해 필요한 기술 👉🏻 사용자의 요청을 받아 처리하고 그에 해당되는 응답 페이지를 만들어서 다시 사용자에게 전송하는 역할을 하는 자바 클래스 (Controller기능) 👉🏻 즉, 웹에서 동적인 페이지를 JAVA로 구현할 수 있게 도와주는 서버측 프로그램 (WAS 서버에서 구동됨) JAVA 클래스에서 웹 페이지 구현을 위한 HTML 코드가 들어간 구조라고 할 수 있음(Java 코드로 HTML 구현) GET 방식 테스트 👉🏻 특징1. GET 방식으로 요청하면 URL의 Header 영역에 데이터들을 포..

[Servlet] 1. Servlet/JSP 개요

더보기 Servlet/JSP의 개요 서버(Server) 네트워크 통신 개요 👉🏻 Server-client Model: 서버는 특정한 서비스를 제공하는 컴퓨터, 클라이언트는 서비스를 이용하는 사용자를 말함 웹 서비스를 제공받고 싶으면 웹 서버 이메일을 보내고 싶으면 메일 서버 파일 전송, 업로드, 다운로드 관련 일을 하고 싶으면 FTP(File Transfer Protocol) 서버 ... 👉🏻 내가 원하는 기능에 대한 서버에 요청해야 함 웹 통신 개요 👉🏻 웹 서버는 웹 관련이기는 하지만 정적 데이터만 전송 가능하므로 웹 서버만으로는 우리가 원하는 페이지를 만들 수 없음 ex) 네이버 홈페이지 로그인 시 유저마다 이름, 메일 수, 이메일 주소 등이 모두 다름 => 동적 데이터 Web Server 사용자에..

[ERD, ER 다이어그램 그리는 법] DB 모델링

1) 엔티티(Entity, 개체) == 자바에서의 클래스, 오라클에서의 테이블과 같은 개념 업무의 관심 대상이 되는 유형, 무형의 사물(개체) 엔티티 조건 - 업무의 관심 대상이 되는 사물이어야 함 - 두 개 이상의 인스턴스를 소유해야 함 - 마땅한 속성을 소유해야 함 2) 속성(Attribute) == 자바에서의 필드, 오라클에서의 컬럼과 같은 개념 엔티티에서 관리해야 할 최소 단위 정보 항목 엔티티는 하나 이상의 속성을 포함 속성의 명명 규칙 - 속성의 의미가 분명히 드러나게 작성 - 업무에서 사용하는 이름 부여 (학생/수강생은 가능하지만 우리반사람들 안 됨) - 서술식, 약어, 수식어, 소유격은 사용하지 않음 (EMPLOYEE를 E로만 표현하는 건 좀...) - 엔티티에서 유일하게 식별 가능하도록(..

[유스케이스 다이어그램 그리는 법] UML과 모델링, 유스케이스 다이어그램

UML(Unified Modeling Language) - 통합 모델링 언어, 설계 언어 - 사용자, 개발자 혹은 개발자간의 의사소통을 용이하게 하기 위해 사용 소프트웨어(프로그램) 개발 프로세스 요구사항 분석 프로그램 설계 프로그램 구현 테스트/납품 유지보수 모델링, UML 하는 단계 유스케이스 다이어그램 클래스 다이어그램 객체 다이어그램 상태 다이어그램 상호작용 다이어그램 컴포넌트 복합구조 배치 다이어그램 👉🏻 모델링 작업은 보통 프로그램 설계 단계에서 많이 사용함 (폭포수 방법: 요구사항 분석 ~ 유지보수까지 한 큐) 👉🏻 모델링 작업은 개발 프로세스 분석/설계 단계에서만 하는 건 아님! (애자일 방법: 활발한 피드백으로 모든 단계를 유동적으로 이동하며 진행) 유스케이스 다이어그램 - 동적 행위(기..

[jQuery] 13_시각적인 효과 메소드 1~3

더보기 jQuery의 시각적인 효과 메소드에 대해 알아보자 라이브러리 연결 후 진행 시각적인 효과 메소드 (Effect 메소드) ✔️ 페이지 내에 애니메이션 효과를 만들기 위해 사용되는 메소드 집합 show() 와 hide(), toggle() 👉🏻 선택된 요소가 점점 커지면서 보이고, 점점 작아지면서 사라지게 하는 메소드 기본 상태 숨겨지는 중 보여지는 중 토글 중(on/off) 👉🏻 빨간 박스는 1초로 설정해 놔서 넘 빨리 생기고 없어져서 제대로 못 잡음... 유감 더보기 숨기기 보여주기 토글 fadeIn()과 fadeOut(), fadeToggle() 👉🏻 선택된 요소가 점점 투명해지면서 사라지고 점점 선명해지면서 보여지게 해 주는 메소드 기본 상태 숨긴 후에 위로 당겨짐 (위에 공간 없음!) 다시..

[jQuery] 12_이벤트(+ 동적 요소 이벤트 주는 법)

더보기 jQuery의 이벤트에 대해 알아보자 라이브러리 연결 후 진행 이벤트 핸들러 (이벤트 발생 시 실행할 function) 연결 방법 종류 방법 1. 이벤트 메소드를 통한 연결 [ 표현법 ] $("선택자").이벤트메소드(function() { 해당 요소에 해당 이벤트 발생 시 실행할 내용; }); 기본 상태 한 번 클릭 더블 클릭 클릭해보세요 방법 2. on 메소드를 이용한 방법 [ 표현법 ] $("선택자").on("이벤트명", function() { 해당 요소에 해당 이벤트 발생 시 실행할 내용; }); 기본 상태 마우스 올렸을 때 마우스 뗐을 때 클릭했을 때 마우스 클릭 및 올려 보세요 방법 3. on 메소드를 이용한 방법 2 [ 표현법 ] $("상위요소선택자").on("이벤트명", "하위요소선택..