WakaraNai

환경변수 설정 시스템 변수의 Path에 아래 경로 추가 C:\Program Files\MySQL\MySQL Server 8.0\bin mysql 열기 mysql -uroot -p mysql 버전과 현재 날짜 출력 Database 생성 Database 사용자 생성과 권한 주기 사용자 계정 이름은 'connectuser', 암호는 'connect123!@#'에 해당하는 사용자가 사용하는 데이터베이스는 'connectdb'로 생성하기 사용 중인 데이터베이스 전환하기 Table 생성 examples.sql로 가져오면서 connectuser 사용자로 접속하기 DESCRIBE - Table 구조 확인

JSTL JSP 안에 자바와 HTML이 섞여 있다면 프론트 개발자가 수정하기에 어려움 이를 위해 JSTL 사용 조건문, 반복문 등을 HTML tag 형태로 작성 가능 EL과 연동하여 사용 JSTL 사용방법 http://tomcat.apache.org/download-taglibs.cgi 사이트에서 아래 3개의 jar 파일 다운로드 후, /web-app/lib에 복사 JSTL이 제공하는 태그 종류 !! 코어 기능: 조건문, 반복문 등을 처리 시 사용 코어 태그 논리적인 흐름을 태그로 처리 가능 import 태그로 url에 있는 내용을 읽거나 출력하는 기능 포함 set 코어 태그 - 변수 지원 기능 set, remove 태그 set 태그: JSP에서 4가지 scope에다가 값을 저장 var = '변수명' ,..

EL 값을 표현하는데 사용되는 스크립트 언어. JSP 기본 문법을 보완해줌. 제공 기능 JSP의 Scope에 맞는 속성 사용 집합 객체에 대한 접근 방법 제공 수치 연산, 관계 연산, 논리 연산자 제공 자바 클래스 메소드 호출 기능 제공 Expression language 만의 기본 객체 제공 EL의 기본 객체 EL 태그에서 값의 이름이 중복될 때는, 작은 범위의 scope인 pageContext부터 찾기 시작 EL의 표현 방식 ${ 코드 식 } JSP의 스크립트 요소 (Scriptlet, Expression, Definition) 외의 부분에서 사용 가능. 편리하게 값 출력 가능 EL의 Data type Boolean - true/false 정수 실수 문자열 - '' 또는 "" null 객체 접근 규칙..

Scope 웹 어플리케이션에서 공유하고 싶은 변수, 사용자 별로 유지하고 싶은 변수, forwarding되든 동안 유지하고 싶은 변수 등이 존재하기 마련. 이렇게 변수를 어떤 범위 내에서 사용하려면 Scope를 써야함. 종류 Application : 웹 어플리케이션이 시작되고 종료될 때까지 변수가 유지되는 경우에 사용. 자주 바뀌지 않고 모든 사람이 공통적으로 사용하는 코드일 때. - ex) 회사에서 전체적으로 사용되는 정보 등 Session : 웹 브라우저 별로 변수가 관리되는 경우 사용. 세션 객체가 생성되어 소멸할 때까지 유지. 요청이 여러 개 들어와도 남아있음. Request : 클라이언트로부터 http 요청을 WAS가 받아서 웹 브라우저에게 응답할 때까지 변수가 유지되는 경우 사용 Page : ..

Redirect HTTP 프로토콜로 정해진 규칙 서버는 클라이언트의 요청에 대해 특정 URL로 이동. 이를 redirect라고 함. 그 요청의 응답으로 HTTP 상태코드 302로 응답. 이 때 헤더 속 location 값에 이동할 URL을 추가 클라이언트는 서버로부터 받은 상태값이 302이면 헤더 속 location 값의 URL로 재요청 이 때 브라우저의 주소창은 전송받은 새 URL로 바뀜 servlet이나 JSP는 redirect하기 위해 HttpServletResponse 클래스의 sendRedirect() 를 사용 브라우저에서 Redirect 확인하기 개발자도구의 Network 탭 예제 웹 브라우저가 redirect01.jsp 요청 redirect01은 redirect02.jsp로 리다이렉팅하는 로..

Java Server Page (JSP) HTML 코드에 JAVA 코드를 넣어 동적 웹 페이지를 생성하는 도구 JSP가 실행되면 JAVA Servlet으로 변환되며 웹 어플리케이션 서버에서 동작되어 필요한 기능을 수행 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답함 HTML 코드에 JAVA 코드를 넣어 동적인 웹 페이지를 생성하는 웹 어플리케이션 도구 Servlet을 보완한 스크립트 방식의 표준 implcit object, predefined tags, custom tags, expression language 등 추가됨 JAVA Servlet 웹페이지를 동적으로 생성하기 위한 서버 측 프로그램 자바 언어를 기반으로 만들어지며 웹 어플리케이션 서버 위에서 컴파일되고 동작한다 JSP로 작성된 프..

AJAX Ascynchronous Javascript And XML 필요한 부분만 불러와 사용할 수 있도록 해준다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 새로고침하지 않고 일부만 로드(load)하는 기법 즉, 네트워크 기술로, 자바스크립트로 클라이언트에서 서버에 데이터를 요청하는 것이다. AJAX가 로드할 수 있는 데이터는 JSON, HTML, DOM, JavaScript, XMLHttpRequest 등이 있다. JSON은 자바스크립트의 객체와 실제적으로 같다. AJAX를 사용하는 이유 무언가를 부르기만 한다거나 데이터를 조회하고 싶을 때 페이지 전체를 새로고침하지 않기 위해 사용한다. 기본적으로 HTTP 프로토콜은 요청을 보내고 응답을 받으면 연결이 끊기게 되어있다. 그래서..

Event 화면 크기 조절, 마우스 스크롤, 마우스 드래그 앤 드랍, 선택 등등 HTML element 별로 어떤 이벤트가 발생했을 때 특정 행위를 하고 싶다면, 대상 element를 찾아서 특정 행위를 등록하면 된다. Event 등록 - addEventListener element.addEventListener( 이벤트 종류, 특정행위(함수) ) 이 때 적은 함수는 Event Handler 또는 Event Listener라고 한다. 이 함수들은 이벤트가 발생할 때 실행되므로 콜백함수다. var el = document.querySelector(".outside"); el.addEventListener("click", function(){ //do something.. }, false); 이벤트 종류는 ..

DOM Document Object Model HTML을 DOM이라는 객체 형태의 모델로 브라우저에 저장 1. getElementById() 1-2. getElementByClass() 1-3. getElementByTagName() 2. Element.querySelector() CSS에 사용한 선택자에 접근할 때도 유용 2-2. Element.querySelectorAll()

window 전역 객체 window는 전역 객체므로 생략 가능 //window.setTimeout() setTimeout() setTimeout 콜백 함수를 사용하고 싶을 때 쓰는 함수입니다. setTimeout() 안에 적은 함수가 콜백 함수 입니다. 당장 실행되지 않고 원하는 시점에 실행될 수 있도록 해줍니다. 함수의 매개변수로 함수를 넘겨줄 수 있습니다. function run() { setTimeout(function() { var msg = "hello codesquad"; console.log(msg); //이 메시지는 즉시 실행되지 않습니다. }, 1000); } run(); 콜백 함수이니 당연히 비동기(asynchronous)로 실행됩니다. 즉, 동기적인 다른 실행이 끝나야 실행됩니다. 스..