🔥 [UIUX] 0122 JAVASCRIPT Coding, 코딩 초급 13

✏️ 2025. 1월 22일 / javascript 초급 13

👻 매개변수 없이 함수의 인수 받아오기
함수 정의문에서 arguments를 사용하면 매개변수를 사용하는 것처럼
함수 호출문의 인수를 받아올 수 있습니다.
함수 정의문의 매개변수가 없는 상태에서 인수를 전달하여 함수를 호출하면 그 값은 arguments에 배열로 저장됩니다.

      [기본형]
      function 함수명(){
        arguments;
      }
      함수명 (인수1, 인수2, 인수3...);

      function addNum() {
        arguments;
        let num = 0;
        for (let i = 0; i < arguments.length; i++) {
          num += arguments[i];
        }
        return document.write(`num는 : ${num} <br/>`);
      }
      addNum(10, 20);
      addNum(10, 20, 30, 40, 50, 60);
      addNum(1460, 520, 310, 240, 4550, 640);

👻 로그인 알고리즘 만들기

      const userId = "yujun1004";
      let userPw = "1234";
      function login(id, pw) {
        //아이디가 일치하는지 확인합니다.
        if (id == userId) {
          //아이디가 일치하면 패스워드를 확인합니다.
          if (pw == userPw) {
            document.write(`${input_id}님 방문을 환영합니다.❤`);
          } else {
            //비밀번호가 일치하지 않았을 때 실행합니다.
            alert("비밀번호가 일치하지 않습니다.😓");
          }
          //아이디가 일치하지 않았을 때 실행합니다.
        } else {
          alert("존재하지 않는 아이디 입니다.😓");
        }
      }
      //사용자가 입력한 아이디와 비밀번호
      let input_id = prompt("아이디를 입력해주세요.");
      let input_pw = prompt("비밀번호를 입력해주세요.");
      //로그인 함수 실행
      login(input_id, input_pw);

🗨️ 손으로 직접 공부한 내용을 바탕으로 작성한 글이랍니다 !
✖️
앞으로도 열심히 공부해서 많은 내용을 공유하겠습니다 :)