본문 바로가기

개발관련/javascript8

[강좌]자바스크립트 형변환 String()/Number()/Boolean() 자바스크립트에서는 크게 세 가지 형변환을 제공하고 있다. 형변환의 종류와 형변환 방법을 알아보고 사용 예를 간단하게 살펴보겠습니다. 1. 형변환의 종류 String() => 문자형으로 변환 Number() => 숫자형으로 변환 Boolean() => 참 거짓형으로 변환 2. 형변환이 필요한 이유 문자열 더하기 문자열을 하면 문자열이 연결되어 결괏값이 나타납니다. 숫자 더하기 숫자를 하면 더하기 연산이 됩니다. 그런데 문자열 더하기 숫자를 하면 의도하지 않은 결과 값이 나타날 수 있습니다. 아래는 예시입니다. 예1) 3번째 결과값을 보면 원하지 않는 값인 35가 나온 것을 알 수 있습니다. 1 2 3 4 5 6 7 8 9 let s1 = "Hi "; let s2 = "su"; console.log(s1+s.. 2021. 3. 17.
[강좌]자바스크립트 alert/prompt/comfirm 오늘은 alert/prompt/comfirm 에 대해 알아보겠습니다. alert => 알림과 같은 할 prompt => 사용자로부터 입력 받을때 사용 comfirm => 사용자에 확인 또는 취소를 요청하고 결괏값을 받아옴 1. alert alert("경고"); 이와 같이 코딩을 하면 브라우저에 알림창과 함께 경고라는 메시지가 출력된다. 2. prompt 사용자에게 입력을 받을 때 사용하며 입력받은 값을 가져 올 수 있다. prompt("이름을 입력하세요"); 와 같이 코딩하면 브라우저에 "이름을 입력해주세요"라는 메시지와 함께 사용자가 입력 할 수 있는 창이 나타난다. 아래와 입력창에 마이크를 입력한 후 확인 버튼을 누르면 마이크가 name 변수에 저장되고 alert를 이용해 마이크가 출력되는 것을 확인.. 2021. 3. 15.
[강좌]자바스크립트 자료형(javascript data type) string/number/ boolean 자바스크립트 자료형은 크게 세가지가 있습니다. 1. String 문자형 2. Number 숫자형 3. Boolean 참거짓형 1. String 문자형 - 문자형 데이터는 "" 또는 ''또는 ``를 이용한다. 1) " " (쌍따움표) let name1 = "kim"; let name2 = "kang"; let name3 = "park"; let message1 = "I'm a boy. "; // 문자열에 '(작은따움표)를 넣어야 한다면 ""를 사용한다. 2) ' ' (작은따움표) let name4 = 'kim'; let name5 = 'kang'; let name6 = 'park'; ※참고 "" 나 '' 는 크게 차이가 없다. 문자열안에 ' 가 들어갈때만 "" 를 사용한다. 3) ` ` (키보드의 ESC키.. 2021. 3. 10.
[강좌]자바스크립트 변수와 상수(let / const) name = "mun"; age = 12; 변수를 위와같이 선언할 수 있으나 이렇게 선언하면 실수로 다시 변수를 선언했을때 위의 기존 변수의 값은 모두 사라지게 된다. name = "mun"; age = 12; ..........생략........... name = "kim"; age = 15; 아래 변수 kim 과 20 만 남게 됨 이를 보완 할 수 있는 것 이 let과 const 이다. 1. let (변수) let 은 변수 앞에 붙여 사용한다. let name = "mun"; let age = 12; ..........생략........... let name = "kim"; => error let age= "15"; => error 위와 같이 선언하면 두번째 name이 이미 선언된 변수 에러가 나는 .. 2021. 3. 9.