Web/JavaScript (15) 썸네일형 리스트형 [JS] 함수 함수 함수이름 매개변수 function sayHello(name) { console.log(`hello, ${name}`); } 함수 호출방법 sayHello("Mike"); 매개변수는 없어도되고 2개 이상일 시 쉼표로 구분 function showError() { alert("에러가 발생했습니다. 다시 시도해주세요."); } showError(); 매개변수가 있지만 호출 시 매개변수가 없을 때 처리 방법 function sayHello(name) { let msg = `Hello`; if(name){ msg += `, ${name}`; } console.log(msg); } sayHello(); msg는 함수 내에서만 사용가능한 지역변수이다. 만약 함수 밖에서도 사용하고 싶다면 밖으로 빼줘야한다. le.. [JS] 반복문, Switch 반복문 동일한 작업을 여러번 반복할 수 있다. for문 for(let i = 0; i < 10; i++) { console.log(i); } while문 let i = 0; while(i < 10) { console.log(i); i++; } do..while문 let i = 0; do { console.log(i); i++; } while(i [JS] 논리연산자 ||(or) 여러개 중 하나라도 true 면 true 즉, 모든값이 false일때 false &&(and) 여러개 중 하나라도 false면 false 즉, 모든값이 true일때 true !(not) true면 false false면 true or는 첫번째 true를 발견하는 즉시 평가를 멈춤 and는 첫번째 false를 발견하는 즉시 평가를 멈춤 //이름이 Tom이거나, 성인이면 통과 const name = "Mike"; const age = 30; if(name === "Tom" || age > 19) { console.log("통과"); } //이름이 Mike이고, 성인이면 통과 const name = "Mike"; const age = 30; if(name === "Mike" && age > 19).. [JS] 비교연산자, 조건 비교연산자로는 = == != 존재 =을 하나 쓰는건 할당을 의미함 그래서 같은가는 ==를 쓰게 됨 반환값은 항상 boolean형 console.log(10 > 5); > true console.log(10 == 5); > false console.log(10 != 5); >true const a = 1; const b = "1"; console.log (a == b); >true console.log (a === b); >false === 사용 시 형까지 비교하여 boolean값 출력 if문 if(age > 19) { console.log("환영합니다"); } else { console.log("안녕히 가세요"); } age가 19보다 클때만 "환영합니다"문구 출력 중간에 추가요구사항이 있을 경우 els.. [JS] 형변환, 기본연산 형변환 String() - 문자형으로 변환 Number() - 숫자형으로 변환 Boolean() - 논리형으로 변환 형변환이 필요한 이유? 문자 + 문자 = 문자형 숫자 + 숫자 = 숫자형 문자 + 숫자 = 문자형과 같이 원하지 않는 형변환 발생 const mathScore = prompt("수학 몇점?"); const engScore = prompt("영어 몇점?"); const result = (mathScore + engScore) / 2; console.log(result); 입력 시 이상한 값 발생 prompt로 입력받은 값은 문자형으로 들어오게 됨 (문자형 / 숫자형) 시 숫자형으로 자동변환됨 의도를 가지고 원하는 타입으로 변환시키는것을 명시적 형변환이라고 함 String() String(3).. [JS] 대화상자(alert, prompt, confirm) alert() 일방적으로 알리는형식으로 사용 확인을 누를때까지 안사라짐 prompt prompt는 사용자에게 값을 입력받을 때 사용 const name = prompt("이름을 입력하세요"); alert("환영합니다, " + name + "님"); alert(`안녕하세요, ${name}님. 환영합니다.`); 그냥 취소를 할 시 name에는 null값이 들어감 prompt에는 기본값을 넣을 수 있음 const name = prompt("예약일을 입력해주세요.", "2020-10-"); confirm() 무언가를 확인받을 때 사용 const isAdult = confirm("당신은 성인입니까?"); console.log(isAdult); alert과 다른점은 확인과 취소버튼이 함께 있음 확인을 누를 시 tr.. [JS] 변수와 자료형 변수 - 어떤 정보에 이름을 붙여 저장하고 싶을 때 사용 name = "Mike"; age = 30; 자바스크립트에서 문자는 항상 따옴표로 표현 그렇지 않으면 에러 발생 class = "수업"; class는 이미 자바스크립트에서 예약어로 지정되어 있어 에러 발생 alert() = 경고창 띄우는 함수 console.log() = 콘솔을 띄우는 함수 name = "Mike"; age = 30; 하지만 이런식으로 변수를 짜는것은 매우 위험함 다른 누군가가 name = "Google" 이런식으로 코드를 짠다면 Mike의 값은 사라지게되어 매우 위험 이를 방지하기위해 let, const 사용 let은 한번 선언 후 다른값으로 바꿀 수 있음 let grade = "F"; grade = "A+"; 이런식으로 변경 가.. 이전 1 2 다음