2022.06.09. 이공계 전문기술 연수사업 (JavaScript)

오늘 배운 것

select rownum r, title
from (select title from board order by b_ref, b_step, b_order)

select title 
from (select rownum r, title
from (select title from board order by b_ref, b_step, b_level))
where r between 11 and 20;

정렬해가지고 행번호붙여서 중간에 있는 것도 가져올 수 있다는 뜻

select no, title, writer, pwd, content, regdate, hit, fname, b_ref, b_step, b_level
from (select rownum r, no, title, writer, pwd, content, regdate, hit, fname, b_ref, b_step, b_level
from (select * from board order by b_ref, b_step, b_level))
where r between 11 and 20;

select no, item, qty, price, fname
from (select rownum r, no, item, qty, price, fname
from (select * from board order by no))
where r between start and end;

>
<
&lt;
>=
&gte;
<=

css제어는 id 서버전달은 name

자바스크립트/ajax/jquery/json

에이젝스 : 자바스크립트에서 서버(컨트롤러)의 데이터만 요청하는 방식
json : 자바스크립트에서 객체의 표현 
javascript object notation

ajax통신으로 요청된 서버는 그 데이터를 json형식으로 응답함! (사실은 csv,json,xml등이 있긴 함)

자바스크립트에는 시간마다 동작하는 타이머 기능을 하는 함수가 두 가지 있음
-setTimeOut =>딱 한 번만 지정한 시간이 되면 동작하는 함수
-setInterval =>계속 반복하여 지정한 시간마다 동작하는 함수

setTimeOut(함수,시간)
setInterval(함수,시간)
시간은 밀리세컨으로 표현함 !!

$(선택할태그).val(값); =>input 태그만 가능!
<td>,<div>,<span>태그는 이렇게 씀 !
$(선택할태그).html(값);
$(선택할태그).text(값); 

웹프로그래밍
동적인 html을 생성하는 데에 목적

서버 사이드 스크립트
ㄴ서버에서 동작하는 웹프로그래밍 =>jsp,spring(소스코드가 노출되지 않음)
클라이언트 사이드(웹브라우저) 스크립트
ㄴ클라이언트에서 동작하는 웹프로그래밍 =>javascript,jquery(소스코드가 노출됨)

자바스크립트가 클라이언트 사이드(웹브라우저)에서 동작하는 것 뿐만 아니라 서버 사이드(웹브라우저가 아닌 것)에서 실행하기 위해 만들어 진 것 =>node.js
그러면서 자바스크립트의 중요성이 올라감!(자바스크립트만으로 서버사이드와 클라이언트사이드를 모두(그니까 전부 합쳐서 웹 어플리케이션) 개발할 수 있다)
그래서 node.js를 이용하여 서버사이드 스크립트를 개발할 수 있음

html안에도 자바스크립트 문법을 표현할 수 있음!
<script></script>안에서

스프링부트프로젝트안에서 
(jsp를 쓰지 않는 환경이면)
src/main/resources
아래에 static은 html,css,script을 두고
스프링부트는 뷰템플릿으로 jsp아닌 html+타임리프를 씀
그 동적인 요소들을 아래 templates에 둠

break : 반복문과 switch문 탈출

식별자
자바스크립트에서 이름을 붙일 때 사용하는 단어 (변수명,함수명)

변수 선언
var let

name은 서버로 보내려고 명찰을 달아주는 거고
자바스크립트로 보내려고 하면 id라고 명찰을 달아줘야 함 !

자바스크립트의 함수 선언은 html의 head에 와야 함 !

document.getElementById("radius");
${"#radius"}

자바스크립트도
숫자형 변수
불린형 변수
문자열 변수
함수의 변수
객체의 변수 등등등 다양하게 자료형 변수 선언 가능

자바스크립트에서 중괄호는 객체고
대괄호가 배열을 표현해주는 것임 !

더하기 연산자를 제외하고 문자열을 숫자로 변환해서 연산을 수행해주
자바스크립트는 ==을 판단할 때는 그냥 값만 같은지 비교하고 판단함
===이 자료형까지 고려해서 같은지 판단하는 연산자임 !