:
<script></script>
태그를 사용한다.
: 어떠한 언어로 된 프로그램이
실행점
으로 부터 시작이 된다.
- Javascript는 실행점을 위한 메서드가 없음.
가령, c언어 : int main(void); java : public static void main(String[] args) {}
: 타입이 따로 없다.
let 변수이름;
let 변수1 = '문자열'; let 변수2 = "문자열"; let 변수3 = `문자열`; let 변수4 = 5; let 변수5 = true;
- 문자열을 사용할 때 홑따옴표, 쌍따옴표, 백틱 모두 사용이 가능하다.
<script> console.log('Hello'); let message = 'Hello World!' console.log(message); </script>
- 개발자 도구 console창에서 확인 가능하다.
<script> message = 'Another value'; console.log(message); </script>
let message
: 오류 발생. 동일한 이름의 변수 선언 불가
const pi = 3.141592; console.log(pi);
- 변수와 상수의 차이는 상수는 값을 재할당 할 수 없다.
pi = 123;
: 오류 발생.
const let = 5;
: 약속된 키워드를 변수/상수 이름으로 사용할 수 없다. : a = b 꼴에서 b값을 a에 대입(할당)한다.
<script> let a; a = 5; </script>
a = 5 + 5;
- 할당 연산자의 우선순위는 최하위로 우측 피연산자의 연산이 모두 완료된 뒤 좌측 피연산자에 할당한다.
즉. a = b 꼴에서 b에 해당하는 연산을 모두 끝낸 뒤 a에 대입한다는 뜻.
a += 5;
a = a + 5
와 동일한 결과를 가짐.
a = 5 - 5; a -= 5;
a = 5 * 5; a *= 5;
a = 5 / 5; a /= 5;
a = 5 % 5; a %= 5;
:
a == b
꼴은 a와 b가 같은가에 대한 여부를 반환하여 형이 다르더라도 형변환을 통해 비교할 수 있을 경우 형변환 후 비교한다. 이는 부등 (비교) 연산자에도 동이핳게 적용한다.console.log(5 == 5); console.log(5 == 3);
console.log(5 == '5'); console.log(5 == '3'); // 형이 다르더라도 형변환 후 비교
:
!=
console.log(5 != 5); console.log(5 != '5');
:
a === b
a와 b의 값과 타입 모두 같아야 true를 반환한다.console.log(5 === 5); console.log(5 === '5');
:
a !== b
console.log(5 !== 5); console.log(5 !== '5');
:
a > b
꼴에서 a가 b보다 큰가에 대한 여부를 반환한다. 이 때 초과 / 이상 / 미만 / 이하 연산자 모두 각 피연산자의 타입이 동일해야 한다.console.log(5 > 3);
- 이상(>=), 미만(<), 이하(<=) 생략
:
a++
혹은++a
꼴로 이용
a++
은 외부 구문을 실행한 뒤 증가시킨다.++
a 은 외부 구문을 실행하기 전 증가시킨다.let pp = 5; console.log(pp++); console.log(++pp);
:
a--
혹은--a
꼴로 이용
a--
은 외부 구문을 실행한 뒤 감소시킨다.--a
은 외부 구문을 실행하기 전 감소시킨다.let mm = 5; console.log(mm++); console.log(++mm);
:
a ** b
꼴에서 a의 b승을 반환한다.console.log(2 ** 3);
:
a && b
꼴에서 a조건과 b조건 모두 참일 때 참을, 아니라면 거짓을 반환한다.console.log(5 == 3 && 3 > 1); console.log(5 > 3 && 1 > 5 );
:
a || b
꼴에서 a조건과 b조건 중 하나 이상이 참일 때 참을 아니라면 거짓을 반환한다.console.log(5 == 3 || 3 > 1); console.log(5 > 3 || 1 > 5 );
:
!a
꼴에서 a조건의 겨로가를 부정 (true -> false / false -> true)로 한다.console.log(true); console.log(!(5 > 3));
let 함수이름 = ( { 매개변수,.... } ) => { { 구현부 } }
<script> let sayHello = () => { // 전달받는 아이가 없을 때는 ()빈 괄호 사용. console.log('Hello'); // 함수를 호출 시 사용된다. } sayHello(); // 호출 </script>
- JAVA :
public void sayHello() { .. }
<script> let saySomething = (msg) => { console.log(msg); } saySomething('Hello World!'); </script>
- 매개변수(
msg
) 에 전달받아 호출하여 출력.- JAVA :
public void saySomething(String msg) { .. }
< 연습문제 >
1. 값 a와 b를 매개변수로 전달 받아 그 합을 출력하는 함수 sum을 만드시오.
let sum = (a, b) => { console.log(a + b); } sum(2, 3);
값 a와 b를 매개변수로 전달 받아 그 합을 반환하는 함수 sum을 만드시오.
let sum = (a,b) => {
return a + b;
}
let sumResult = sum(1, 3);
console.log(sumResult);
console.log(sum(1,3));
2. 값 a를 매개변수로 전달 받아 그 수가 짝수인지의 여부를 반환하는 함수 isEven을 만드세요.
let isEven = (a) => { return a % 2 == 0; // 논리값이 t/f 나온다. }
<script> for(let i = 0; i < 10; i+=2) { console.log(i); } </script>