JavaScript
페이지 이동없이 == 서버 개입이 없는데 == C 개입이 없는데 == JavaScript
Script 스크립트어 핵심 == 한글말 채팅형언어 == 1줄씩 수행가능한 언어
JAVA는 페이지 전체가 컴파일이 되어야함
Script류 == 그냥 수행하다가 문제가 발생되면 그 라인부터 수행을 더이상 X
문제가 발생하면 그 라인 부터 수행을 안하기 때문에
console.log();로 실행되는지 로그를 반드시 찍어야 한다.
연산자, 제어문, 함수, 객체, 배열, ..... Math 기본개체 등 지원한다.
function hello() { // 함수를 선언 해주고
alert('함수 선언');
};
hello();//불러와야 사용이 가능하다.
//익명함수라하며
//이는 변수에 익명함수를 넣어서 그 변수를 사용하는 방법이다.
var test = function() {
alert('익명 함수');
};
test();
var test2 = (n1,n2) => {// 화살표 함수라고 부른다
return (n1+n2);
}
var res = test2(10,20);
console.log(res);
//다른 코드를 불러올 일이 많기 때문에
//코드를 해석할 수 있을 정도로 기억하고 있자
JavaScript왜 쓰지?
: 웹에서 기능을 사용하기 위해서다
JavaScript는 왠만한 동작들은 페이지 로드 이후에 연결하기 때문에
window.onload = function(){}를 사용하여 감싸주는 것이 좋다.
window.onload = function(){
//var btn = document.querySelector('#btn');//
var btn = document.querySelector('.btn');//querySelector로도 불러올 수 있다.
//var btn = document.getElementById('btn');
//이 HTML 문서에.요소(Element)를 받아올게(By) 아이디(Id)로 ('btn이라는 이름');
btn.onclick = function(){
document.write('<h1>클릭!!!</h1>');
window.open('https://www.naver.com/');
//인자를 통해 새탭 X -> 새창, 화면전환 등의 설정을 추가할수도있다!
}
아래와 같은 방식도 사용한다.
window.onload = function(){
var btn = document.querySelector('#btn');
addEventListener('click',function(){
//새창띄우기
window.open('https://www.naver.com/');
});
}
.xml == 설정 파일
톰캣에서는 WEB-INF 하위에 web.xml 파일이 있다면, web에 설정을 코딩해둔 파일이라고 볼 수 있다.
스키마(골결, 설정)가 필요한데, web.xml의 경우
루트 엘리면트(== 가장 최상위에 존재하는 태그)가 <web-app> 이다
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<error-page>
<error-code>404</error-code>
<location>/error/error.jsp</location>
</error-page>
<error-page>
<error-code>500</error-code>
<location>/error/error.jsp</location>
</error-page>
<!-- 보통 발생하는 Error -->
<!-- exception-type 자바에서 발생하는 오류를 넘겨주는 태그 -->
<error-page>
<exception-type>java.lang.Throwable</exception-type>
<location>/error/error.jsp</location>
</error-page>
</web-app>
<!-- 기본 .xml 설정 내용 -->
728x90
'국비 내용 정리 > HTML' 카테고리의 다른 글
국비 34일차 내용정리(스프링 프레임워크의 구조) (0) | 2024.08.19 |
---|---|
국비 33일차 내용정리(JS) (0) | 2024.08.18 |
국비 31일차 내용정리(JSTL, 커스텀태그) (0) | 2024.08.13 |
국비 30일차 내용정리 2(JSP / controller의 역할) (0) | 2024.08.12 |
국비 30일차 내용정리(SQL, data유효성) (0) | 2024.08.12 |