HTML공부

b태그, div태그, span태그 동시에 사용해보기

b{font-size: 8px;}
div b{font-size: 16px;}   /* div 태그에 직계가 아닌 b 자식이 있으면 저거 적용시키기  div-span-b여도 가능*/
div > b{font-size: 24px;} /* div의 직계!!! b만 적용*/
div b#hi{font-size: 32px;} /* id가 hi인 애 적용*/
div b.hi{font-size: 32px;} /* 클래스가 hi인 애 적용*/

<b>b tag</b> <br>
<div><b>div b tag</b></div>
<div><span><b>div span b tag</b></span></div>
<div><b id="hi">div b id:hi tag</b></div>
<div><b class="hi">div b class:hi tag</b></div>

첫 번째 코드는 css코드이고 , 두 번쨰 코드는 html코드이다.
출력결과는 다음과 같다.

HTML 변수 지정과 콘솔 출력 방법

"use strict"; // 엄격 모드. 모던한 모드. use strict쓰면 밑 지역변수 지정한거 무시되지만 var 후 변수 선언하면 괜찮음
	window.document.write("이건 자바스크립트");
	// a=10;
	// b=20;
	window.document.write("<br>a:", a);  
	var a=10;      // 호이스팅 기능이 자동 발생되기 때문에 비권장
	var b=20;       
	
	window.document.write("<br>");
	window.document.write(a+b);
	
	//window.document.write("<br>a:", c);  	 -- 에러
	let c=30;      // 선언한 이후에만 변수 사용 가능. 권장
	let d=40;
console.log(c+b); // 표준 출력장치로 출력. 브라우저 검사창에서 확인

const cc=20; // const는 java의 final같은 것 (수정불가),,,,,,,상수임=한번 값을 주면 끝까지 가져감

보통 자바스크립트에서 변수 선언시 let으로 선언!!

console()을 사용하면 이런 식으로 웹의 콘솔창에서 결과를 확인할 수 있다.

참고 : java에서
기본형 변수==기본형 변수 --> 값 비교
객체변수==객체변수
문자열 변수.equals로 값비교
문자열변수==문자열주소 : 주소비교

JS연산자 및 변수 값 넣기

   	document.write('<br>');
	let su1=5 =='5';   // true   형 변환 후 값 비교
	let su2 =5 ==='5'; // false  형 변환없이 값 비교    js에선 ===을 선호
	document.write('<br>', `su1은 ${su1}이고 su2는 ${su2}입니다`);

${변수} 를 사용하여 값을 표현할 수 있다.

	let apple="2";
	let orange="3";
	document.write('<br>', apple+orange);       //23
	document.write('<br>', +apple + +orange);   // 5     + : 단항 덧셈 연산자(Number 역할)--> +를 붙임으로써 문자였던게 숫자로 바뀜

+변수를 사용하여 문자형을 숫자형으로 바꿔 계산이 가능하게 할 수 있다.

에러

에러 404 : 경로명 및 파일명 오류
에러 500 : 해당 파일이 있는데 해당 파일안에서 오류
에러 403 : 권한이 없다
저 코드에 해당한 에러의 종류는 여러가지지만 저런 경우를 먼저 생각해주면 좋다