STUDY/JavaScript 9

함수

function sayHello(name){ console.log(`Hello,${name}`); } function : 함수 sayHello: 함수명(임의) name : 매개변수(인수) 매개변수가 없는 함수 function showError(){ alert('에러가 발생했습니다. 다시 시도해주세요.'); } showError(); 매개변수가 있는 함수 function sayHello(name){ const msg = `Hello, ${name}`; console.log(msg); } sayHello('Mike'); function sayHello(name){ let msg = `Hello`; if(name){ msg = `Hello, ${name}`; } console.log(msg); } sayHel..

STUDY/JavaScript 2022.12.29

비교 연산자, 조건문

= == != console.log(10>5); console.log(10 == 5); console.log(10 != 5); const a = 1; const b = "1"; console.log (a == b); true const a = 1; const b = "1"; console.log (a === b); false 일치 연산자 (===) const age = 21; if(age > 19) { console.log("환영합니다."); } else { console.log("죄송합니다. 미성년자는 입장하실 수 없습니다."); } console.log('---------------------------------------'); const age = 17; if(age > 19) { console...

STUDY/JavaScript 2022.12.27

형 변환

String() : 문자형으로 변환 Number(): 숫자형으로 변환 Boolean(): 불린형으로 변환 형 변환이 필요한 이유 : 자료형이 다르면 의도치 않은 동작이 발생할 수 있기 때문! const mathScore = prompt("수학 몇 점?"); const engScore = prompt("영어 몇 점?"); const result = (mathScore + engScore) / 2; console.log(result) => prompt로 입력 받은 값은 "문자형"이기 때문에 정상적인 계산이 되지 않는다! 90 + 80 = 9080 const mathScore = 90; const engScore = 80; const result = (mathScore + engScore) / 2; conso..

STUDY/JavaScript 2022.12.26

alert, prompt, confirm

alert: 알려주는 것 * 사용자와 상호작용 한다기 보다는 일방적으로 알려주는 기능임. prompt: 입력 받는 것 const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); const name = prompt("이름을 입력하세요."); alert(`안녕하세요, ${name}님. 환영합니다.`); confirm: 확인 받는 것 * 사용자의 액션을 한 번 더 확인하고자 할 때 사용함. const isAdult = confirm("당신은 성인입니까?"); console.log(isAdult)

STUDY/JavaScript 2022.12.25

변수

1. 변수는 문자와 숫자, $와 _만 사용한다. const MY_HOME = "..."; let _ = 1; let $ = 3; 2. 첫글자는 숫자가 될 수 없다. let 1stGrade = 'A+'; (X) 3. 예약어는 사용할 수 없다. let let= 9; (X) 4. 가급적 상수는 대문자로 알려주어야 한다. const MAX_SIZE = 99; 5. 변수명은 읽기 쉽고 이해할 수 있게 선언한다. let a = 1; (X) let userNumber = 3; 참고 링크: https://www.youtube.com/watch?v=P0FY8k916e0&list=LL&index=1&t=249s

STUDY/JavaScript 2022.12.18

JavaScript의 정의와 html과의 차이점, <input>

자바스크립트 [ JavaScript ] ​ 웹 페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어. 사용자 경험을 향상시키기 위한 방법으로 주로 사용된다. 일반적으로 HTML 문서에 내재되며, 브라우저에서 실행된다. 예를 들면, 마우스를 HTML 문서의 특정 이미지나 텍스트 위로 가져갔을 때 이미지 크기가 커지거나 텍스트의 색이 바뀌는 기능이다. 또 검색창 입력 박스에 ‘자’를 입력하면 현재 기준으로 사용자 검색이 많은 ‘자’로 시작하는 검색어 목록을 보여주는 기능도 자바스크립트로 구현한 것이다. ​ 자바스크립트는 주로 웹 브라우저 내에서 사용되는 언어였으나, 자바스크립트 기반의 런타임 플랫폼(예: Node.js)들이 개발되면서 서버측..

STUDY/JavaScript 2022.01.29