HB의 개발 블로그

JSP Model1, Model2, and Spring MVC pattern JSP(Java Server Page)는 Servlet의 확장된 기술로 브라우저에 표현하기 위한 HTML 코드에 JAVA코드를 혼용하여 사용할 수 있게 한다. 이로써 디자인과 로직 개발을 분업화시켜 효율적인 코드를 생산할 수 있다. JSP가 동작하는 구조 클라이언트가 브라우저를 통해서 서버에 HTTP 프로토콜을 요청한다. 서버는 컨테이너에게 처리를 요청하고 컨테이는 요청받은 해당 파일을 찾아낸다. 찾은 파일을 Servlet으로 변환한다. (이미 변환되어 있다면 바로 실행) Servlet 파일을 실행할 수 있도록 Class파일로 컴파일한다. 컴파일된 Class 파일을 메모리에 넣고 실행 결과를 웹 서버에서 전달. 웹서버는 브라우저..

JSP Directive Elements Directives란, web 에서 JSP를 어떻게 servlet으로 변경 할 수 있는지 알려 줄때 사용하는 명령어의 한 종류이다. Directives에는 세 가지 타입이 존재한다. Page directive : The page directive defines attributes that apply to an entire JSP page. include directive taglib directive JSP page directive Syntax Attributes of JSP page directive import: JSP에서 사용할 패키지나 Class들을 import 할 때에 사용한다. Today is: contentType: JSP가 생성할 문서의 type을..

JSP 개발환경 구성 JDK 8 이상으로 설치 Tomcat 8.5 설치 Sprint Tool Suite 4 설치 MAVEN3 설치 Github 연동 1. JDK 설치링크 https://www.oracle.com/java/technologies/javase-jdk14-downloads.html 본인의 운영체제에 알맞은 버전을 설치해주도록 한다. 설치 후 환경변수 설정을 완료한 뒤에 cmd에서 java-version을 했을 때 다음과 같이 나오면 잘 설치가 되었다는 뜻이다. 환경변수 설정 참조 링크 https://m.blog.naver.com/PostView.nhn?blogId=rhrkdfus&logNo=221491244470&proxyReferer=https:%2F%2Fwww.google.com%2F 2...

jQuery 공부하기 전 HTML, CSS, JavaScript를 미리 숙지하고 와야 한다! What is jQuery? jQuery is a lightweight, "write less, do more", JavaScript library. jQuery란 코드를 적게, 효율적으로 작성하기 위한 JavaScript library이다. jQuery library는 다음과 같은 것들을 포함한다. HTML/DOM manipulation CSS manipulation HTML event methods Effects and animations AJAX Utilities jQuery를 왜 공부해야 하는가? Google, Microsoft, IBM, Netfilx 등 거대 기업들에서 web 을 관리할 때 jQuery..

JavaScript Forms JavaScript Form Validation, 유효성 검사 JavaScript를 통해서 HTML에서 입력 양식에 대한 유효성 검사를 진행할 수 있다. 지정된 양식 조건에 맞게 수행되는지 확인 후 true, false로 구분하게 된다. Example: Name: Required 속성을 이용, 자동으로 유효성 검사를 진행한다. *양식이 비어있다면, 제출 불가. JavaScript DOM DOM: Document Object Model, 문서에 엑세스하기 위한 표준 정의. HTML의 elements들에 대한 변경, 추가, 삭제등 에 대한 표준을 제시. Example: /* Result --> Hello World */ Finding HTML Elements document.g..

JavaScript Function Syntax A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses (). function name에는 letters, digits, underscores, 그리고 dollar signs을 포함할 수 있다. (variables 와 같은 규칙) function function_name(prameter1, parameter2){ function contents//cond to be execute } Why Functions? 함수는 한 번 정의하면 반복해서 사용할 수 있기 때문에 사용을 한다. 각각 다른 arguments로 각각 다른 결과 값을..

JavaScript 는 HTML과 Web 의 프로그래밍 언어이다. 간단한 예제들을 통해서 배우면 생각보다 배우기 쉽다. HTML 은 웹 페이지의 contents 를 담당한다. CSS 는 웹 페이지의 Layout을 구체화한다. JavaScript는 웹 페이지의 동작을 프로그래밍 한다. JavaScript Can Change HTML Content!! getElementById(). getElementById() 메소드를 활용해서 HTML의 컨텐츠를 변경할 수 있다. JavaScript can change HTML contents!! Click Me!! id 를 통해서 element를 찾아서 그 컨텐츠를 innerHTML을 통해서 변경해준다. JavaScript Can Change HTML Attribute..

body { background-color: lightblue; } aCSS (Cascading Style Sheets) : 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄일 수 있다. CSS는 다양한 장치 및 화면 크기에 대한 설계, 레이아웃 및 디스플레이의 변형을 포함하여 웹 페이지의 스타일을 정의하는 데 사용된다. css를 통해서 여러 웹 페이지들의 레이아웃을 한번에 수정 및 관리 할 수 있다. 기본 구조 예시 My First CSS Example This is a paragraph. CSS Syntax The selector points to the HTML element you want to style. The ..