WebDevelop 수업 - Day13 JS : Javascript

김지원·2022년 6월 28일
0

WebDevelop2

목록 보기
13/34

Javascript

: <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);

AND 연산

: a && b꼴에서 a조건과 b조건 모두 참일 때 참을, 아니라면 거짓을 반환한다.

console.log(5 == 3 && 3 > 1);
console.log(5 > 3 && 1 > 5 );

OR 연산

: a || b 꼴에서 a조건과 b조건 중 하나 이상이 참일 때 참을 아니라면 거짓을 반환한다.

console.log(5 == 3 || 3 > 1);
console.log(5 > 3 || 1 > 5 );

부정 (NOT 연산)

: !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);

return : 반환한다.

값 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>

  1. 값 a를 매개변수로 전달받아 a가 소수(Prime Number) 인지의 여부를 반환하는 isPrime 함수를 만드세요.
profile
Software Developer : -)

0개의 댓글