본문 바로가기
반응형

분류 전체보기

 (104)
자바스크립트 기초 강좌 9- switch문 switch (평가) { case A : //A일때 코드 case B: //B일때 코드 ... } if (평가 == A) { //A일때 코드 }else if(평가 == B){ //B일때 코드 } // 사과 : 100원 // 바나나: 200원 // 키위: 300원 // 멜론: 500원 // 수박: 500원 // 사고 싶은 과일 물어보고 가격 알려주기 let fruit = prompt('무슨 과일을 사고 싶나요?'); switch(fruit){ case '사과' : console.log('100원 입니다.'); break; case '바나나' : console.log('200원 입니다.'); break; case '키위' : console.log('300원 입니다.'); break; case '멜론' : c..
자바스크립트 기초 강좌 8- 반복문(for, while, do while) *반복문loop : 동일한 작업 여러번 반복 for구문은 ;(세미콜론)으로 3부분으로 구분된다. for (let i = 0; i < 10; i++) { → 초기값 설정; 조건문 ; 코드 실행 후 작업 console.log(i); //반복할 코드 } → 1) 초기값 i = 0 2) i=0 < 10 이므로 True 3) 코드실행 4) i++ → i값 1 증가 i=1 1) i =1 2) i=1
자바스크립트 기초 강좌 7- 논리 연산자 (AND, OR, NOT) 논리 연산자: 1) || (OR) : 여러개 중 하나라도 true 일 경우 → true 즉, 모든값이 false 일때만 false ▶ OR는 첫번째 true를 발견하는 즉시 평가 멈춤. 2) && (AND): 모든값이 true 일 경우 → true 즉, 하나라도 false 이면 false ▶ AND는 첫번째 false를 발견하는 즉시 평가 멈춤. 3) ! (NOT): true 이면→ false false 이면→ true -------------------------------------------------------------------------------------------------------------------------------- const name = "Mike"; const age =..
자바스크립트 기초 강좌 6- 비교 연산자, 조건문(if, else) > = == != == ←얘는 왜 부등호를 두개를 쓸까? 그 이유는 const a = 1 처럼 부등호 1개(=)는 변수 대입을 의미. 즉, a == b는 'a와 b가 같다' 라는 동등 연산자! 동등하면(==) 결과값이 true, 불일치하면(!=) 결과값 false를 반환한다. ---------------------------------------------------------------- const a = 1; 얘는 숫자 const b = "1"; 얘는 문자열 근데 console.log(a == b); → true 가 나온다. 왜? console.log(a === b); → false . 일치 연산자(===)는 유형(type)까지 비교해주므로 가급적 얘를 쓰는 것이 좋다. ----------------..
자바스크립트 기초 강좌 5- 연산자(Operators) +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지) *나머지(%)의 쓰임 홀수: X % 2 = 1 짝수: Y % 2 = 0 → 2로 나눴을 때, 1이 나오면 홀수, 0이 나오면 짝수 어떤 값이 들어와도 5를 넘기면 안될 때: X % 5 = 0 ~ 4 사이의 값만 반환 *거듭제곱 const num = 2 ** 3; console.log(num); →8 *연산자 우선순위 * / > + - → 곱셈과 나눗셈은 덧셈, 뺄셈보다 우선순위가 높음 *간편히 줄여쓰기 let num = 10; num = num +5; → num += 5; console.log(num); *증가 연산자, 감소 연산자 let num = 10; num++; → 1씩 증가 num--; → 1씩 감소 let result = nu..
자바스크립트 기초 강좌 4- 형변환 String() → 문자형으로 변환 Number() → 숫자형으로 변환 Boolean() → 불린형으로 변환 → 젤 첫자리는 무조건 대문자로 써줘야함. ----------------------------------------------------------------------------------------------------------- const mathScore = prompt("수학 몇점?"); → 50 입력 const engScore = prompt("영어 몇점?"); → 50 입력 const result = (mathScore + engScore)/ 2; console.log(result) → 2525 가 나옴. **왜 25가 아닌 2525가 나올까?? prompt 로 입력한 값은 무조건 ..
자바스크립트 기초 강좌 3- alert, prompt, confirm ●대화상자 3가지 alert 알려줌 prompt 입력 받음 confirm 확인 받음 1. alert() 일반적으로 대화창을 띄우는 용도 ex. 비밀번호를 입력해주세요, 회원가입을 해주세요. 2. prompt() ; 입력받는 창 → 취소 누르면 null 반환 const name = prompt("이름을 입력하세요."); → 이름 입력 alert("환영합니다," + name + "님"); → 환영합니다, 이름님 alert(`안녕하세요, ${name}님. 환영합니다.`); → 안녕하세요, 이름님. 환영합니다. *디폴트값 사용 const name = prompt("예약일을 입력해주세요.", "2020-10-"); 첫번째값= 대화창 질문내용, 두번째값= 입력받을 디폴트값 console.log(name); 3. c..
자바스크립트 기초 강좌 2- 자료형 ㉮ const name1 = "Mike" //큰 따옴표 ㉯ const name2 = 'Mike' //작은 따옴표 ㉰ const name3 = `Mike` //백틱 const message = "I'm a boy."; //문자 안에 '(작은따옴표)를 사용해야 하는 경우 큰 따옴표로 감싸주면 쉽게 처리 const message2 = 'I\'m a boy.'; //작은따옴표 안에 작은 따옴표를 쓸 때는 바로 앞에 역슬래쉬\를 넣어주면 특수문자로 읽힘 const message3 = `My name is ${name}`; // 백틱`을 사용하면 문자열 내부 변수를 표현해줄 때 편리. ${}안에 변수 console.log(message3); → "My name is Mike" **여기서 백틱` 말고 일반 따옴표""..

티스토리툴바