국비 내용 정리/HTML

국비 32일차 내용정리(JS, xml기초)

개발자가 되고 싶은 곰 2024. 8. 15. 18:54

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