#7 논리연산자
·
JavaScript/기초
자바스크립트에는 총 3가지의 논리연산자가 존재한다.||(OR) , &&(AND), ! (NOT)|| (OR)여러 개중 하나라도 True 면 True 반환즉, 모든 값이 False 일때만 False 반환// OR 예제// 이름이 TOM 이거나, 성인이면통과const name = "YEON";const age = 25;if(name === "TOM" || age > 19) { console.log("통과");}else console.log("실패");&& (AND)모든 값이 True 면 True 반환즉, 하나라도 False 면 False 반환// AND 예제// 이름이 TOM 이고, 성인이면통과const name = "YEON";const age = 25;if(name === "TOM" || age > ..
#6 비교 연산자와 조건문
·
JavaScript/기초
비교 연산자 >, =, ==, !=왜 같다를 == 로 표현하나예를 들어, a = 3이라는 표현을 보자. 이 표현의 경우 a 가 3이랑 같다는 게 아니라 a에 3을 넣어주는 것이다.따라서, 헷갈리지 않기 위해 == 을 사용한다. 동등연산자 (==)와 일치연산자 (===)일치연산자의 경우 타입까지 비교하므로, 가급적 일치 연산자를 통해 같다는 것을 표현해 주면 좋다.const a = 1;const b = "1";console.log(a == b); // true 출력//===는 타입까지 비교한다const c = 1;const d = "1";console.log(c === d); //false 출력조건문조건문의 경우 어떤 조건에 따라 이후 행동이 달라지게 만들어주는 역할을 한다.if 문은 괄호 안의 조건을 평..
#5 연산자
·
JavaScript/기초
기본 연산자+ : 더하기- : 빼기* : 곱하기/ : 나누기(몫)% : 나머지→ 나머지 (%)는 어디에 쓰일까?홀수: X % 2 == 1짝수 : Y % 2 == 0어떤 값이 5를 넘어가면 안 될 때 : X % 5 == 1 ~ 4 사이의 값거듭제곱곱하기를 뜻하는 * 을 2번 사용const num = 2**3;console.log(num); // 8우선순위곱하기 (*) , 나누기(/) > 더하기(+), 빼기(-)→ 곱하기와 나누기는 더하기 빼기보다 우선순위가 높다 따라서, 괄호를 적절히 잘 이용해야 함증감연산자증가연산자와 감소 연산자증가연산자와 감소연산자는 값을 1만큼 증가 또는 감소시킨다let num = 10;num++;console.log(num); // 11---------------------..
#4 형 변환
·
JavaScript/기초
개요형 변환이 왜 필요할까?"문자" + "문자" , "숫자" + "숫자" 같은 형끼리는 연산이 가능하다."Hello" + "World" = "HelloWorld" , 100 + 200 =300 그렇다면 "문자" + "숫자" 또는 "숫자" + "문자" 라면? 어떻게 계산을 해야할까? 아래 예시 코드를 보면const mathScore = prompt("수학 몇점?"); //수학 90 입력함const egScore = prompt("영어 몇점?"); //영어 80 입력함const result = (mathScore + egScore) / 2;console.log(result); prompt()의 경우 입력 값을 항상 문자로 인식한다.따라서, 90 + 80 = 170이 아닌 "90" + "80" = "8..
#3 alert, prompt, confirm
·
JavaScript/기초
alert()메시지를 띄우고 사용자가 확인버튼 누르기 전까지는 메시지 창이 떠 있다.사용자와 상호작용보다는 일반적으로 알리는 용도로 사용한다.prompt()사용자의 값을 입력받을 때 사용const name = prompt("이름을 입력하세요.");alert("환영합니다, " + name +"님");//백틱으로 사용const name = prompt("이름을 입력하세요.");alert(`환영합니다, ${name}님`);취소를 누르면?아무런 값이 없어 null 이 된다.prompt()는 디폴트 값 설정이 가능하다?!prompt는 디폴트 값 설정이 가능하다즉, 초기 값 지정이 가능하다//const name = prompt(”문자”, 초기값);//const name = prompt(”예약일 을 입력해주세요.”,..
#2 자료형
·
JavaScript/기초
문자형(String)const name1 = "Mike";const name2 = 'yeon';const name3 = `seok`;//작은따옴표를 사용해야 할 때 큰따옴표로 묶어주는 것이 좋다const message = "I'm a boy."; // 역슬래시(\)를 사용하면 특수문자로 인식함(작은따옴표만 사용하고 싶을 때)const message2 = 'I\'m a boy.';const message3 = `My name is ${name1}`;console.log(message3)문자형은 3가지 방식으로 작성 가능 → 큰 따옴표 "" / 작은따옴표 '' / 백틱 ``백틱 `` 은 내부의 변수를 표현할 때 사용 시 편리하다${}를 통해 변수나 숫자 삽입 가능주의사항실수로 백틱을 따옴표로 작성 시 변수..
#1 변수
·
JavaScript/기초
변수?어떤 정보에 이름을 붙여서 저장하고 싶을 때 사용한다.name = "Mike";age = 30;class = "수업" //error 발생세미콜론( ; ): 한 줄이 끝났다는 것을 의미. 생략이 가능하지만 적어주는 게 좋다문자는 항상 따옴표로 감싸준다. (큰따옴표, 작은따옴표 상관 X)클래스같은 경우는 자바스크립트에서 이미 사용하는 변수명이기 때문에 사용할 수 없다→ 이런 단어들을 예약어(Reserved Words)라고 한다변수를 위와 같이 사용하면 위험하다 이유: 개인프로젝트라면 괜찮지만, 여러 사람과 함께 하는 프로젝트라면 다른 개발자가 name이나 age 같은 변수를 사용하면? → 마지막으로 선언된 내용으로 덮어씌워 지게 된다 따라서 let, const 를 사용해야 함let 과 constle..