function 알림창열기(구멍){
  document.getElementById('alert').style.display = 구멍;
}

알림창열기('none');
알림창열기('block');

function 알림창열기('block'){
  document.getElementById('alert').style.display = 'block';
}
function 알림창열기('none'){
  document.getElementById('alert').style.display = 'none';
}​

위처럼 구멍을 뚫으면 함수를 2개나 만들 이유가 없음

✏️ 예시2

function plus(){
  2 + 1
}​

복잡한 수식을 plus라는 이름의 함수로 만들어 사용하고 있다가

2 + 2 / 2 + 3 이라는 수식이 추가로 필요할 때

2가지 방법!

function plus(){
  2 + 1
}

function plus2(){
  2 + 2
}

function plus3(){
  2 + 3
}

function plus(a){
  2 + a
}

‼️ 파라미터 문법 특징

1. 파라미터는 자유롭게 작문 가능함
2. 파라미터는 2개 이상 사용 가능함 - 콤마로 구분

function plus(a, b){ 
  a + b
}
plus(2, 5);​

조건문

조건문이란? 주어진 조건식의 평가 결과에 따라 코드 블럭의 실행을 결정한다. 조건식은 Boolean값으로 평가될 수 있는 표현식이다.

조건문에는 if문과 switch문이 대표적이다.

1. IF문

if문은 if (조건) {내용}으로 구성되며 조건이 true면 내용이 실행된다.

if (조건식) {
  // 조건식이 참이면 이 코드 블록이 실행된다.
} else {
  // 조건식이 거짓이면 이 코드 블록이 실행된다.
}

1-1. IF문의 중첩

if문은 중첩시켜서 사용할 수 있다.

let age = 20;
let licence = false

if (age > 20) {
  if (licence != true) {
    console.log("운전가능")
  } else {
    console.log("면허를 따세요")
  }
} else {
  console.log("운전 불가능합니다.")
};

1-2. 조건을 구체화

조건을 여러개로 하고 싶으면 else if 문을 사용하여 조건을 구체화할 수 있으며 else if 문과 else 문은 옵션으로 사용할 수도 있고 사용하지 않을 수도 있다.

let age = 20;
let licence = false

if (age > 20) {
  if (licence != true) {
    console.log("운전가능")
  } else {
    console.log("면허를 따세요")
  }
} else {
  console.log("운전 불가능합니다.")
};

또한, if 문과 else는 2번 이상 사용할 수 없지만 else if 문은 여러 번 사용할 수도 있다.

2. Switch문

switch ~ case문은 if ~ else와 비슷하다.

switch (c) {
 case 10: // c가 10일 때
   alert('c는 10');
   break;
 case 9: // c가 9일 때
   alert('c는 9');
   break;
 case 8: // c가 8일 때
   alert('c는 8');
   break;
 default: // 위의 경우에 해당하지 않을 때
   alert('그 외');
}

case 뒤에는 c에 해당하는 조건을 적고 그 아래에 실행할 내용을 적는다. default는 else처럼 어떤 조건에도 해당이 안 될 때 실행된다.

Switch문 사용 시, 주의해야 할 점

break을 적지 않으면 해당 case 아래로 모든 내용이 실행되기 때문에 case하나마다 내용 밑에 break를 적어줘야 한다.

See the Pen 알림창 삭제하기, 띄우기 by hyesu (@ddururu) on CodePen.

문제1

유저가 입력하는 숫자가 0인지 음성인지 양성인지 판단하는 프로그램을 만드시오.

let i = 0;


if(i > 0){
  console.log("양수입니다.")
}else if(i = 0){
  console.log("0입니다.")
}else{
  console.log("음수입니다.")
}

문제2

나는 대학교 교수다. 레포트 점수에따라 등급을 매기는 프로그램을 만드시오.

90~100 : A

80~89 : B

70~79 : C

60~69 : D

less than 59 : F

• 내가 생각한 답

let js = 60;

if (js >= 90 && js <= 100) {
  console.log("A");
} else if (js >= 80 && js < 90) {
  console.log("B");
} else if (js >= 70 && js < 80) {
  console.log("C");
} else if (js >= 60 && js < 70) {
  console.log("D")
} else if (js >= 0 && js < 60) {
  console.log("E");
} else {
  console.log("잘못된 범위의 점수입니다.")
}

• 정답

let js = 60;
let grade = "";

if (js >= 90 && js == 100) {
  grade = "A";
} else if (js >= 80 && js < 90) {
  grade = "B";
} else if (js >= 70 && js < 80) {
  grade = "C";
} else if (js >= 60 && js < 70) {
  grade = "D";
} else if (js >= 0 && js < 60) {
  grade = "E";
} else {
  console.log("잘못된 범위의 점수입니다.")
}

console.log(grade);

문제3

한 지원자가 우리 회사에 지원을 했다. 지원자가 사용 가능한 스킬은 배열에 제공이 된다.

let skills = ["HTML","CSS","Javascript","React"]

Javascript와 React 둘다 할 줄 안다면 “합격!” Javascript와 React 둘 중 하나만 할 줄 안다면 “예비”, 두 스킬이 없다면 “탈락” 을 보여주는 프로그램을 짜시오.

• 내가 생각한 답

//let skills = ["HTML", "CSS", "Javascript", "React"];
let skills = ["HTML", "CSS", "React"];

if (skills.includes("Javascript") && skills.includes("React")) {
  console.log("합격")
} else if (skills.includes("Javascript") || skills.includes("React")) {
  console.log("예비")
} else if (!skills.includes("Javascript") && !skills.includes("React")) {
  console.log("탈락")
} else{
	console.log("잘못된 입력값 입니다.")
}
;

• 정답

let skills = ["HTML","CSS","Javascript","React"]


if(skills.includes("Javascript") && skills.includes("React")){
  console.log("합격!")
}else if(skills.includes("Javascript") || skills.includes("React")){
  console.log("예비")
}else {
  console.log("탈락!")
}