2022.05.17. 화요일 이공계 전문기술 연수사업 (JSP&JavaScript)

오늘 배운 것

get방식과 post방식
ㄴ주소표시줄에 쿼리스트링 노출 차이

º서블릿에서도 request객체 있고, response객체도 있음
jsp도 마찬가지 ! 하지만 출력은 jsp와 서블릿 방식 각자 다름
서블릿은 출력을 하기 위해서 response를 통해서 출력스트림(PrintWriter)을 만들고
그 객체를 사용해서 출력함!

ºget방식/post방식은 form에 method를 post라고 쓰지 않는 이상 기본은 get방식으로 전달함!!
구별하는거 잘 알기

유효성검사
ㄴ사용자가 폼 화면을 통해 입력한 데이터 값이 특정 규칙에 적합하게 입력되었는 지를 서버에 전송하기 전에 검증하는 절차 (자바스크립트의 핸들러함수 사용)

자바스크립트
ㄴ클라이언트(웹브라우저) 단에서 동작하는 언어
node.js 발표되면서 웹 브라우저가 아닌 곳에서도 동작하게 되었음
자바스크립트 만으로 백엔드와 프론트엔드 표현 가능!

핸들러 함수
ㄴ폼 화면에서 <submit>을 누르는 이벤트가 발생하였을 경우 유효성 검사를 위해 매핑하는 메소드

ºform에서 submit버튼을 누르면 action에 설정된 프로그램에게 전송됨.
사용자의 입력값에 따라서 올바른 입력값이면 action에 설정되어 있는 프로그램으로 전송하도록 하고
올바른 입력값이 아니면 전송하지 않도록 해야 함

º<input type="submit" onlick="함수()">
ㄴ이렇게 표현하면 함수를 수행한 후 무조건 action에 설정한 프로그램으로 전송하게 됨

º<input type="submit" onsubmit="return 함수()">
ㄴ이렇게 표현해서 함수에서 올바른 값이면 true를 반환하도록 해야 하고
그렇지 않으면 false를 반환하도록 해서 action에 설정된 프로그램으로 이동하지 않고
여기에 머물러 있도록 할 수 있음!

º머무른다/넘어간다 이 기준이 뭐임?
onsubmit="return false"가 넘어간다/안넘어간다
onclick 등등등 알아오기 ㅠ 이거 잘 모르겠다..

데이터 입력 여부 검사
ㄴ폼 화면에서 사용자가 아이디와 비밀번호 등 필수 입력 항목을 입력하였는지 검사

입력한 데이터 길이 검사
ㄴdocument.폼이름.입력양식이름.value.length

º자바스크립트에서 변수를 만들겠다는 키워드는 var 또는 let

ºselect 해도 되고 focus해도 됨(마우스 포커스-여기 입력하라는 뜻)

º자바스크립트 오류는 브라우저의 컨트롤 쉬프트 i(개발자도구)에서 확인 함

숫자 여부 확인
ㄴ데이터가 숫자인지 판별 => isNaN() 숫자가 아니냐고 물어봄(is not a number)

ºonsubmit="return false" =>서버로 넘어가지 않게 함(개발자도구에서 오류 찍히는거 보려고)

º자바스크립트에서는 문자와 문자열을 구분하지 않음 그래서 홑따옴표로 해도 되고 쌍따옴표로 해도 됨!

정규표현식
ㄴ폼화면에서 데이터를 입력할 때 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 형식언어를 의미
정규표현식은 주민등록번호를 입력하거나 이메일 등 특정 형식의 패턴이 일정한 데이터를 검사하거나 추출할 때 많이 사용
/^[]*$/

세션
ㄴ무상태서버인 http의 상태를 지속적으로 유지하기 위한 방법
(상태를 유지하기 위한 기술) 사용자의 상태를 서버에 기록하는 방식
클라이언트의 요청에 따라 접속된 웹 서버와 가상으로 연결된 상태를 유지하도록 해 줌.
같은 클라이언트라도 브라우저마다 세션 아이디가 다름!
(브라우저마다 하나씩 존재-크롬,엣지,...), 특정 사용자를 구분하기 위한 역할을 수용
사용자에 대한 정보가 웹 서버에 객체 상태로 저장됨 그래서 그 사용자 정보를 지속적으로 활용할 수 있게 함!
브라우저를 닫기 전까지 유지됨
즉,그냥 사용자의 상태를 저장하고 기록하기 위해서 사용함!

쿠키
ㄴ이것도 역시 상태를 유지하기 위한 기술
사용자의 상태를 클라이언트의 하드디스크에 기록함

세션과 쿠키의 차이?
ㄴ세션이 더 중요한 정보로 기록됨
실제로 인터넷 상에서는 쿠키보단 세션에 더 많이 기록함!
세션은 아예 내장 객체로 만들어 놓음
쿠키는 객체를 생성을 해야함(만들어놓지 않았음)

세션의 내장 객체
ㄴ그 내장 객체의 변수 이름 : session (그냥 세션으로 바로 쓰면 됨!)
session.setAttribute(String name,Object value) =>세션을 세팅함(생성해서 저장함)
session.getAttribute(String name) =>타입 캐스팅 필요함, 없으면 null반환
session.setMaxInactiveInterval(int interval) =>세션 유지시간 설정
session.getId
session.invalidate =>세션 파기
session.removeAttribute

º자바스크립트에는 equals 없음!

ºout.print와 System.out.println의 차이!
out.print는 어떻게 out객체 선언 안해도 사용 가능하지?
내장 객체인가?
=>콘솔출력/웹출력

 

 

오늘 헷갈린 것

• 자바스크립트 onclick onsubmit 아직 좀 헷갈린다
• out.print 그냥 쓸 수 있는 이유가 내장 객체가 있어서 그런 건가?
• 자바스크립트에서는 equals()메소드가 없다 !
• if다음 else와 else if와 아무것도 안 오는 것의 차이?

오늘 한 생각

후..^^ 지금 이 팀플 경험 자소서랑 면접때 잘 녹여내기 위해서 하루하루 어떤 일이 일어났는지를 회고형식으로 적어놔야겠다.. 세상엔 굉장히 다양한 사람들이 존재한다...