dailyoon

저번시간에는 쿠키에 대해 배웠는데 쿠키는 사용자의 브라우저에 저장된다. 그런데 오늘 배우게 될 세션은 그 반대로 서버에 저장하게 된다. 더 자세히 알아보자. >Session(세션) - 내장객체로서 브라우저마다 한개씩 존재하고, 고유한 SessionID 생성 후 정보를 저장한다. - 클라이언트 측에는 SessionID만 전해주고 후에 클라이언트가 정보가 필요할 땐 그 SessionID만 보내며 정보를 요청한다. 간단히 설명하자면 예를 들어 a라는 sessionID에 공간이 할당되고 데이터가 저장되게 된다.사용자가 접속하는 순간 서비스측에서는 a라는 공간을 할당하면서 너 정보 a에다가 저장할꺼야 라고 알려주기 때문에 사용자는 a가 무엇인지 안다. 사용자가 실제로 웹서핑하면서 요청보내면 보내는 요청에는 헤더정..

>내장 객체 - 객체화 없이 사용할 수 있는 객체이며, jsp파일이 서블릿으로 변환될 때 웹 컨테이너가 자동으로 메모리에 할당해서 제공한다. (서블릿의 경우 메모리에 할당을 우리가 해야한다=객체를 직접생성) 예를들어 태그안에 out.write() 을 쓰면 따로 불러오지 않고도 바로 쓸 수 있다. 이것은 왜냐하면 서블릿으로 변활될때 자동으로 할당해서 제공하기 때문이다. 그러나 서블릿에서는 객체를 만들지 않으면 직접 객체를 생성해야 한다. ex) PrintWriter out = response.getWriter(); request :웹 브라우저의 요청(사용자의 요청)에 대한 정보들을 저장 response :웹 브라우저의 요청에 대한 응답 정보들을 저장 out :JSP 페이지가 응답할 HTML 의 body에 ..

>액션 태그 - 서버나 클라이언트에게 어떤 행동을 하도록 명령하는 태그 - 페이지와 페이지 사이를 제어하거나 다른 페이지의 실행 결과 내용을 현재 페이지에 포함시키거나 자바빈즈(객체) 등 의 다양한 기능을 제공한다. : 액션태그는 XML 형식인 를 이용한다. (폼에서 입력을 한 경우 action 속성을 이용하여 값이 넘어간다. 이때 처리를 하는데 처리를 한 후 결과값으로 이동할때 는 따로 속성이 없어서 이때 쓰는게 액션태그이다. *태그 안에 html 주석 쓰면 같이 해석되서 넘어가서 오류가 발생한다. 쓰지말것. 1. 다른 페이지로 이동, 페이지의 흐름을 제어하기 위한 역할 (바로 다른페이지로 이동하게됨) 2. 현재 페이지에서 다른 페이지에 값을 전달하기 위한 역할 parameter 의 줄임말 값을 보내주..

>스크립트 태그 - HTML 내부에 자바 코드를 넣어 프로그래밍이 가능하도록 만들 수 있다. 1.선언문(Declaration) 자바 변수나 메소드를 정의하는데 사용되는 태그 2.스크립틀릿(Scriptlet) 자바 변수 선언 및 자바 로직 코드를 작성하는데 사용되는 태그 3.표현문(Expression) 변수,계산식, 메소드 호출의 리턴값 등을 표현해주는 태그 HTML 문서에 안에 작성한 값이 그대로 표현된다. 타입은 문자열이다. 그렇다면 sayHello("JSP")의 결과: 이렇게도 사용이 될까? 뒤에 세미콜론을 붙여서 표현문을 쓰면 과연 정상적으로 작동을 할까? 답은 아니다 이다. JSP는 코드가 해석되서 서블릿으로 바뀌어 날라간다. 그래서 서블릿으로 가면 out.println("sayHello(\"JS..

>웹 컨테이너 - 동적인 데이터 연산, 요청(DB)이 들어왔을 때 서버가 연산을 요청하는 곳 - 연산이 끝나면 정제된 데이터(html,json,xml,...)로 서버에 돌려준다. >JSP(Java Server Page) : HTML을 중심으로 자바와 같이 연동하여 사용하는 웹 언어이다. : HTML 코드 안에 Java 코드를 작성할 수 있도록 도와주는 언어이다. 사용자가 보는 화면은 결국 .html 파일이다. .jsp 는 html 파일이 아니다. 그러므로 코드를 작성해서 jsp 파일을 jsp 해석기를 통과해서 html 파일로 바뀌면 그게 화면에 구현되는 것이다. --> 작성해준 코드 자바코드로 바뀜 (그때 만들어지는 파일= servlet) 예전에는 서블릿으로만 개발을 했었는데 개발하는데 불편함(쌍따옴표가..

>이벤트(Event) - 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미 - 웹 페이지에 사용된 자바스크립트는 발생한 이벤트에 반응하여 특정 동작을 수행 - 자바스크립트는 비동기식 이벤트 중심 프로그래밍 모델이라고 함 >이벤트 타입(=이벤트명) - 발생한 이벤트의 종류 - 가장 많이 사용하는 키보드,마우스,HTML DOM,window객체 등을 처리하는 이벤트가 많이 제공 (onclick,onkeyup, onload, ...) HTML 문서가 모두 로드되었습니다." } const changeText = function(tag){ tag.innerHTML = "변경된 문자열"; } ..

>노드 생성 createElement(요소이름) :새로운 요소 노드 만들기 ---->1. 요소이름추가 2. 요소이름안에 내용넣기 3.추가메소드로 원하는 위치에 넣기 createAttribute(속성이름) :새로운 속성 노드 만들기 ---->1. 속성이름추가 2.속성안에 직접 속성값 주기 3.속성추가메소드쓰기. createTextNode(추가할 텍스트 내용) :새로운 텍스트 노드 만들기 ---->1.추가할 텍스트 내용추가 2.원하는 위치에 텍스트 추가 >노드 제거 removeChild() :자식 노드 리스트에서 특정 자식 노드를 제거 - 성공적으로 노드를 제거하면 제거되는 노드가 반환 - 노드가 제거될 때에는 제거되는 모든 자식들도 같이 제거됨. >노드 복제 cloneNode(true/false) :기존의..

1.prompt 사용하여 초기 비밀번호 설정하기 - let pw_input = prompt ("자동차 초기 비밀번호 입력"); 2.초기 이미지는 "출발전.png"로 설정 - 안 img src속성에 넣어주기. 3.textarea(status), img(img), button(on,off) ,input(pw)모두 style 변경 해주어야 하므로 모두 데려오기 let status = document.getElementById("status") let img = document.getElementById("img") let on = document.getElementById("on") let off = document.getElementById("off") let pwTag = document.getElemen..

>함수 - 자바스크립트에서는 함수도 하나의 타입이다.따라서 함수를 변수에 대입할 수 있다. : 다른 함수 내에 중첩되어 정의할 수도 있다. function 함수이름(매개변수1, 매개변수2,...){ 실행할 문장 return 리턴값; } 1. 함수의 선언과 호출 1) 함수의 선언 function count() { for (let i= 0; i디폴트 매개변수 - 매개변수를 정하지 않으면 기본값을 대신 변수에 저장한다. fuction 함수이름(매개변수1, 매개변수2=값,...){ 실행할 문장 return 리턴값; } >나머지 매개변수 - 생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지 한번에 지정할 수 있다. - 함수 선언문 위에 함수를 호출할 수 있다. function 함수이름(매개변수..

>자바스크립트(Javascript)의 역사 넷스케이프에서의 시작 최초 웹인 www(Nexus)의 창시자가 더 발전된 브라우저를 만들기 위해 웹의 오픈소스를 개방을 했다. 이를 통해 최초로 대중적인 그래픽 웹 브라우저인 모자이크를 출시하게 되었다. 또한 이 회사의 한 직원이 회사를 설립하여 또 다른 브라우저를 내게 되었는데 그것이 nescape browser이다. 이 회사는 웹이 더 동적으로 변화할 필요가 있음을 실감하여 이미지,플러그인 등의 요소를 쉽게 조합할 수 있는 글루 언어가 필요했다고 믿었다. 1995년에는 스킴 프로그래밍 언어를 넷스케이프 내비게이터에 임베디드하기 위해 브렌든 아이크를 영입하였다.그는 무려 10일만에 언어를 완성했다. 이름은 mocha -> livescript 를 거쳐서 Java..