Java Full-Stack 개발자 양성 과정

JSP : Servlet과 JSP는 같은 기술이다. But JSP는 개발자에게 개선된 환경(개발 편의성)을 제공하기 때문에 본격적인 수업은 JSP에서 진행할 예정이다! 특징 1: jsp 파일 최상단에 페이지 지시자가 추가되었다. 특징 2: 가상 주소 생성 없이 실행이 가능하다. ✳ Servlet vs JSP 비교 Servlet 기반 → Java 베이스(*.java) 장점: 자바를 그대로 사용할 수 있다. 단점: 클라이언트 코드를 작성하기가 불편하다. → 문자열 처리 JSP 기반 → HTML 페이지 베이스(*.jsp) 장점: HTML 기반 이기 때문에 클라이언트 코드를 작성하기가 쉽다. + 추가로 자바 코드 작성이 가능하다. 단점: 자바 코드를 작성하기가 불편하다. JSP 구성 요소 JSP 지시자, JSP..

GET vs POST 방식 비교 GET 형식: http://~~/context root명/receive.do?name=hong&age=20 특징 입력한 데이터를 URL에 붙여서 전송하는 방식 QueryString( == 파라미터들, ?뒤에 있는 데이터를 뜻한다.)을 통해 데이터를 전송 넘겨지는 데이터의 인코딩의 URL 규칙에 따라 인코딩 된다. 톰캣(UTF-8) 담당 많은 양의 데이터를 전송할 수 없다. 브라우저 히스토리에 남는다. 암호 유출 가능성 POST 형식: http://~~/context root명/receive.do 특징 get 방식과 다르게 url 상에 노출 되지 않고 html 헤더 값에 같이 전송되는 방식 브라우저 히스토리에 남지 않는다. 패킷 본문(body) 안에 넣어서 전송 택배 상자 ..

원래 Java는 웹 개발을 할 수 있는 언어가 아니다. 근데 우리는 어떻게 자바로 웹 개발을 할 수 있을까? 바로 '웹 구현' 이라는 확장팩을 설치했기 때문에 자바로 웹 개발이 가능한 것이다! 서블릿(Servlet)은 자바(JDK, JRE) 베이스에 웹 구현 기능(.jar)이 추가된 것이다. ❓ 나도 모르는 새에 웹 구현 기능.jar은 언제 설치가 되었을까? ⇒ 아파치 톰캣이 가져왔다!! 💡 아파치 톰캣의 역할 웹 서버의 역할 자바로 서블릿 or JSP를 구현할 수 있는 수많은 *.jar 파일 제공 서버 측에서 서블릿과 JSP를 동작하게 만드는 역할 💡 아파치 vs 톰캣 : 사실 아파치와 톰캣은 서로 다른 프로그램이다. - 아파치: 웹 서버 → 정적인 페이지 → 페이지를 요청받으면 찾아서 돌려주는 역할 ..

Case 1. Servlet 관련 클래스가 전부 에러가 발생할 때 : Servlet 관련 클래스에 문제가 있는 경우, 웹 서버 프로그램 관련 문제. 보통 이 경우 Java Build Path - Libraries - Classpath에서 Apache Tomcat이 없는 경우이다. Solution: 해당 프로젝트 루트 폴더 우클릭 - Build Path - Configure Build Path... - Libraries - Classpath 선택 - Add Library - Server Runtime 선택 - Apache Tomcat 선택 - Finish (상세 과정 사진은 아래 '더보기'를 참고해주세요!) 더보기 Case 2. (기존에 멀쩡하던) 순수 Java 클래스가 에러가 발생할 때(→ package..

Servlet 이란? 자바 진영에서 웹 애플리케이션을 지원하기 위한 기술 자바로 웹 사이트를 만드는 기술 첫번째 웹 서버 기술 ~ 현재 모든 기술의 기반 순수 자바 + 서블릿 규격 자바 프로그램으로 웹 페이지를 생산하는 기술 ⇒ 동적 페이지 동적 페이지의 경우, “서버에 페이지 주세요” 하면 프로그램이 대신 페이지를 제작하여 제공해준다. 이때 서버 측에 페이지를 만드는 웹 서버 프로그램이 존재하는데, 바로 이 웹 서버 프로그램을 만드는 기술이 servlet이다.(like 손님에게 커피를 제공할 바리스타를 만드는 기술) 💡 정적 페이지와 동적 페이지는 어떤 차이가 있을까? 정적 페이지 : 누가, 언제 방문하든 간에 항상 동일한 콘텐츠를 제공 like 캔커피를 판매하는 것 ⇒ 완성된 제품을 별도 가공 없이 ..

1. 톰캣 설치 : HTML 첫 수업 때 개발 환경 Setting 하며 아파치 톰캣 설치해놓은 상태라 이번에는 해당 과정 생략! (자세한 설명은 HTML 개발 환경 Setting 참고) 2. Eclipse 실행 2-1. New Workspace 지정 경로: C:\class\code\server Eclipse → Workspace → 위 경로 지정하여 New Workspace에서 작업 시작! 2-2. Preferences 설정 및 Servers 생성 기존 *.epf파일 import UTF-8 인코딩 설정 encoding → Workspace → Text file encoding → UTF-8 encoding → Workspace → [Web] CSS Files → UTF-8 encoding → Worksp..

💡 JavaScript에서는 자료형을 명시적으로 표현이 불가능하다. number, string, boolean, object 변수 생성 → int num → number num → var num 반환값 선언 → 자료형 기재 불가능 배열 선언 → int[] nums → var nums ✓ Function 매개변수에는 var를 쓸 수 없음! 그냥 변수명만 사용해야 함! 형식 1) 매개변수가 있는 경우, function 생성 + 해당 function 호출 function m1() { console.log('m1'); } m1(); // m1 2) 매개변수가 없는 경우, function 생성 + 해당 function 호출(매개변수 입력) function m3(name, age) { console.log(name..

✓ JavaScript 자료형 1. number - 숫자형(정수, 실수) 2. string - 문자/문자열 3. boolean - 논리형 4. object - 객체형 - JavaScript에는 클래스가 없다. - 하지만 객체 개념은 있다. - JavaScript에는 이미 만들어진 클래스의 객체는 있다. → 개발자가 직접 클래스를 생성할 수 없다. - 자바 → 객체 지향 프로그래밍 언어 - 자바스크립트 → 객체 기반 프로그래밍 언어 5. 기타(상수) 1) null 2) undefined 3) NaN(not a number) ✓ 변수,상수(리터럴) var 변수명; JavaScript는 변수의 타입이 없다. 변수는 모든 자료형의 데이터를 저장할 수 있다.(like 자바의 Object 클래스 변수) 현재 변수나..

💡 Front-end 1. HTML - 골격 → 블럭 태그 - 내용물 → 인라인 태그 + 텍스트 2. CSS - 서식 3. JavaScript - 프로그래밍 기능 ✓ JavaScript란? 브라우저에서 동작하는 프로그래밍 언어 Netscape → 자사 브라우저에 동작하는 프로그래밍 언어 개발 초기의 JavaScript는 가볍다 + 쉽다 = 기능 적다 → 현재의 JavaScript는 어렵다. C 계열 언어 → 기본 구문이 자바와 유사하다. Java ← (무관계) → JavaScript 전혀 관계가 없다! JavaScript의 초창기 이름은 LiveScript → 그 당시 잘나가던 Java의 이름을 따와서 JavaScript로 명칭 변경(협약 했다고 함) 초반(1990년대): 폼태그 유효성 검사 + 링크 조..

✓ CSS(Cascading Style Sheets)란? 스타일 시트( ⇒ style 태그 내부에 CSS 블록을 입력해 작성한 코드를 ‘스타일 시트’라고 한다.) HTML 페이지의 서식을 만드는 언어 → HTML 페이지에 CSS를 사용해 꾸밀 수 있다. 디자인 담당 독립 실행이 안된다. 반드시 HTML 문서가 있어야 한다. HTML 서식 기능 → CSS 서식 기능(+ 확장) ⇒ 위치 지정, 색상 추가, 텍스트 이동, 블록 수준 요소에 대한 여백 및 테두리 설정 등.. 💡 1개의 파일에 2개 이상의 언어가 들어가면 → 컴파일러는 머리가 아프다. ⇒ 그래서 1개의 파일 당 1개의 언어를 고집해야 하나, CSS 는 HTML에 붙여야 되므로 내린 결론 : CSS용 새로운 tag를 만들어 내자! 새로운 tag 인..