부스트코스 코딩일지/DB 연결 웹 앱
-
[부스트코스] EL - BE부스트코스 코딩일지/DB 연결 웹 앱 2020. 3. 13. 22:07
EL(Expression Language) EL은 표현언어입니다. 표현 언어는 값을 표현하는 데 사용되는 스크립트 언어로 JSP의 기본 문법을 보완하는 역할을 합니다. 표현 언어가 제공하는 기능입니다. JSP의 스코프(scope)에 맞는 속성 사용 집합 객체에 대한 접근 방법 제공 수치 연산, 관계 연산, 논리 연산자 제공 자바 클래스 메소드 호출 기능 제공 표현언어만의 기본 객체 제공 표현언어의 기본 객체 표현 언어의 데이터 타입입니다. 불리언 타입 - true와 false 정수타입 - 0~9로 이루어진 정수 값 음수의 경우 '-'가 붙음 실수타입 - 0~9로 이루어져 있으며, 소수점('.')을 사용할 수 있고, 3.24e3과 같이 지수형으로 표현 가능하다. 문자열 타입 - 따옴표( ' 또는" )로 둘..
-
[부스트코스] scope - BE부스트코스 코딩일지/DB 연결 웹 앱 2020. 3. 13. 14:01
Scope란? 변수를 사용할 때 변수가 유효한 범위를 알아두어야 합니다. 이것을 scope로 정리해 놓았는데요. 범위에 따른 scope에 대해 알아봅시다. [출처: https://www.edwith.org/boostcourse-web/lecture/16708/] Page scope 가장 작은 범위인 page scope입니다. PageContext 추상 클래스를 사용하여 pageContext.getAttribute() pageContext.setAttribute(,) 와 같이 사용하면 됩니다. [출처: https://www.edwith.org/boostcourse-web/lecture/16709/] Request scope http 요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수값을 유지하고 싶..
-
[부스트코스] redirect & forward - BE부스트코스 코딩일지/DB 연결 웹 앱 2020. 3. 13. 02:27
redirect 서버는 클라이언트 요청에 따라 특정 URL로 이동할 수 있습니다. 이를 리다이렉트라고 합니다. 예제를 보겠습니다. 1. redirect01.jsp 2. redirect02.jsp redirect된 페이지 입니다. 리다이렉트는 response 객체의 sendRedirect() 메서드를 이용하여 실행할 수 있습니다. 메서드의 인자에는 이동하고 싶은 URL이 들어갑니다. 위의 예제에서 redirect01.jsp를 실행하게 되면 바로 리다이렉트가 일어나 redirect02.jsp 페이지로 이동하게 됩니다. 결국 웹에는 "redirect 된 페이지입니다."가 출력되는 것을 확인할 수 있습니다. [출처: https://www.edwith.org/boostcourse-web/lecture/19878/..
-
[부스트코스] JSP -BE부스트코스 코딩일지/DB 연결 웹 앱 2020. 3. 12. 21:56
JSP란? Java 언어를 기반으로 하는 Server Side 스크립트 언어입니다. HTML에 자바 코드를 넣어 동적인 웹 페이지를 생성하는 도구로 사용합니다. 예시를 보겠습니다. 3. 자바 주석 : // OR /* */ JSP 페이지에서 주석은 세 가지 모두 이용 가능합니다. 다만 차이점은, 1번은 변환된 소스코드가 html로 읽어질 때 주석으로 처리된다는 것 2번은 소스코드가 변환될 시에 주석으로 처리되어 소스 변환 처리가 되지 않는다는 것 3번은 변환된 소스코드가 실행할 때 주석으로 처리된다는 것입니다. [출처: https://www.edwith.org/boostcourse-web/lecture/16704/] JSP 내장 객체 _jspService() 메서드에 삽입된 코드의 윗부분에 미리 선언된 객..
-
[부스트코스] WEB UI 개발 -FE부스트코스 코딩일지/DB 연결 웹 앱 2020. 2. 24. 00:47
window 객체 브라우저에 내장되어 있는 객체인 window 객체를 브라우저 개발 시에 사용할 수 있습니다. window 객체는 여러가지 메서드를 제공합니다. 가장 기본적이고 대표적인 것이 alert()입니다. 경고창을 팝업형태로 보여주는 메서드입니다. window.alert("message") open()이라는 메서드는 새로운 창을 열 때 사용하는 메서드입니다. window.open("new URL","창이름","창의 특성") window.open("localhost:1234"."new page","width=300,height=200") 이전 화면으로 돌아가게 해주는 back() 메서드도 있습니다. window.back() 일정 간격으로 함수를 호출하여 수행하는 setTimeout()이라는 메서드가..
-
[부스트코스] JavaScript -FE(4)부스트코스 코딩일지/DB 연결 웹 앱 2020. 2. 22. 00:05
자바스크립트 함수의 호출에 대해 공부해봅시다! 함수 호출 스택 1) function printName(firstname) { var myname = "jisu"; return myname + " ," + firstname; } function run(firstname) { firstname = firstname || "Youn"; var result = printName(firstname); console.log(result); } run(); 예제의 실행 순서를 살피어 봅시다. 1. run()이 읽힙니다. 2. run() 함수가 실행되게 되고, firstname 인자에는 undefined라는 값이 할당됩니다. 3. firstname은 undefined이기 때문에 "Youn"으로 재할당됩니다. (>> u..
-
[부스트코스] JavaScript -FE(3)부스트코스 코딩일지/DB 연결 웹 앱 2020. 2. 21. 23:49
오늘은 JavaScript의 함수에 대해 알아보도록 하겠습니다 :) 함수 선언 function printName(firstname) { var myname = "jisu"; return myname + " " + firstname; } 위와 같이 function 함수이름(인자){내용} 으로 선언하면 됩니다. 위의 예제를 보면 의문점이 하나 있습니다. 바로 firstname이 정의되지 않은 것인데요. 이 함수를 호출하면 어떻게 될까요? 결과는 jisu undefined 라고 나오게 됩니다. 따로 오류가 나지 않는다는 특징이 있습니다. undefined는 선언은 됐지만 할당되지 않는 변수에 대해 출력되는 값입니다. 함수 표현식 function test() { console.log(printName()); v..
-
[부스트코스] JavaScript -FE (2)부스트코스 코딩일지/DB 연결 웹 앱 2020. 2. 21. 21:58
비교-반복-문자열 비교, 반복문을 만드는 자바스크립트 문법은 다른 언어와 유사합니다. if if("조건문"){ } else if("조건문~"){ } else switch switch(변수명){ case value1: 명령문; break; case value2: 명령문; break; case value3: 명령문; break; default: 명령문 } for 반복문 for(var i=0 ; i> 메서드 : length, search, slice, replace... [출처: https://www.edwith.org/boostcourse-web/lecture/16694/]