본문 바로가기
728x90
반응형

분류 전체보기243

[JavaScript] 제어문 조건문 [ IF문 ] 문법: if(조건) {조건이 true일 경우} else {조건이 false인 경우} 여러조건일 경우: if(조건1) {로직1} elseif(조건2) {로직2} elseif(조건n) ... else if는 조건이 필요하고 여러번 사용할수 있는 반면, else는 조건이 불필요하며 한번만 사용할 수 있다. sName !== sName2 조건 자체는 fales지만 !는 not연산자이기 때문에 true값으로 반환된다. 반복문 [ Do While 문 ] do-while 문은 평가전 반복문이다. 조건을 평가하기 전에 루프 본문을 먼저 실행하기 때문에 최소 한 번은 반드시 실행된다. 그래서 최초한번은 조건이 true이든 false든 실행한다. 문법: do { 실행 } while (조건); 여기서 .. 2023. 3. 6.
[JavaScript] 연산자 Javascript에는 데이터 조작에 쓸 수 있는 연산자가 여러가지 존재한다. 연산자 계산 순서 단항 연산자( !, ++, --) → 산술 연산자 → 비교 연산자 → 논리 연산자 → 할당 연산자 산술연산자 [ 증감연산자 ] 피연산자의 앞에 쓸 수도 있고 뒤에 쓸수도 있다. 증가는 ++를 사용하고 감소는 --를 사용한다. 증감 연산자의 위치 ex) ++a -증감연산자가 피연산자 앞에 위치 -전체 수식 처리하기 전에 적용됨 ex) a++ -증감연산자가 피연산자 뒤에 위치 -전체 수식의 처리가 끝난 뒤 적용됨 현재 경우엔 수식이 없어서 앞에 위치하거나 뒤에 위치하거나 결과가 똑같다. 연산자가 피연산자 앞에 위치하게 되면 수식 처리하기 전에 적용되기 때문에 21이 되고 합한 결과값은 23이된다. [ 나머지 연산.. 2023. 3. 6.
[JavaScript] 형변환 내장함수 숫자 타입 [ 부동소수점 ] javascript는 부동소수점을 사용하기 때문에 소숫점 계산을 할때 예상치못한 결과가 나올수 있다. 그래서 소숫점을 계산할땐 정수로 바꿔서 계산한뒤 다시 자릿수만큼 나눠서 계산한다. [ NaN ] Not a Number의 약자로 Number type이다. 숫자형이 아니다. 중간에 NaN값이 껴있으면 그 이후에 어떤 값을 넣거나 연산을 하더라도 계속 NaN값이 나온다. 숫자가 아닌 값을 숫자로 바꾸는 함수는 isNaN(), parseInt(), parseFloat() 함수 세 가지가 있다. [ isNaN ] 데이터가 숫자인지 아닌지 판단하는 내장함수이다. reture값은 boolean으로 true, false로 판단한다. 숫자가 아니면 true이고 숫자면 false가 출력된다.. 2023. 3. 6.
[JavaScript] 변수와 데이터 타입 자바스크립트는 대소문자를 구분한다. 문장이 끝날 때 세미콜론으로 종료한다. 변수 Javascript는 느슨한 변수 타입을 사용하는데, 변수에 어떤 타입의 데이터라도 저장할 수 있다. 변수를 정의할 때는 다음과 같이 var 연산자 다음에 변수 이름을 쓴다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. 변수이름은 보통 문자열이 들어오면 s로 시작, 숫자가 들어오면 i로 시작한다. 데이터 타입 기본자료형인 여섯가지 데이터 타입이 있다. 원시 데이터라고 하는데, 메모리 상에 고정된 크기로 저장한다. Bolean : true/false 두값만 가진다. 빈문자열("", ''), 0, null, undefined은 false이다. Null : null값(아직 정의되지 않은값) 하나.. 2023. 3. 6.
[WEB] HTML & CSS 3 A AREA B AREA 2023. 3. 6.
[WEB] HTML & CSS 2 [ Program source ] css는 link를 걸어 style을 설정한다. 가장 큰 타이틀을 눌렀을때 처음페이지로 돌아간다. 스타일은 /* 태그 색상 모두 노란색으로 하겠다, 밑줄 삭제 */ a { color: gray;text-decoration: none;} /* 변경은 없지만 커서를 갖다대면 파란색으로 보인다 */ /* !important는 id보다 우선순위를 두겠다 */ a:hover {color: blue !important;} h1 { font-size: 40px; text-align: center; border: 2px gray solid; border-left: 0px; border-top: 0px; border-right: 0px; padding-bottom: 15px; paddi.. 2023. 3. 6.
728x90
반응형

티스토리툴바