전체 글

Problem: 톰캣 실행 시 하단의 사진과 같은 에러 발생으로 실행 불가 'Publishing to Tomcat v9.0 Server at localhost...' has encountered a problem. Could not publish server configuration for Tomcat v9.0 Server at localhost. Could not publish server configuration for Tomcat v9.0 Server at localhost. Multiple Contexts have a path of "/memo". 밑줄 부분에 Context root명이 표기된다. Solution 1. Servers - Tomcat 더블 클릭 2. 하단의 Modules 선택 후, ..

원래 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 인..

HTML, Hyper Text Markup Language 하이퍼 텍스트 마크업 언어 프로그래밍 언어(X) → 프레젠테이션 언어(O) : 무언가를 표현하는 기능을 가진 언어 Hyper Text: 링크 Markup: 언어 표기법 → HTML, XHTML, XML, VoiceXML, **ML SGML → 메타 언어 → 다른 언어를 정의할 수 있는 기능을 가진 언어 HTML, XML HTML 주관 단체 W3C, World Wide Web Consortium, WWW 모든 기술 생성 + 주관 https://w3.org WHATWG (WHATWG vs W3C → WHATWG 승리(주도권 획득). 그러나 둘이 합친 상태라고 보면 됨.) 팀 버너스리(WWW, HTML의 아버지) 한 획을 그은 HTML version들..