본문 바로가기

JavaScript

(6)
5주차_자바스크립트 동기 방식 하나의 코드가 끝난 다음에, 다음의 코드가 실행되는 것을 의미합니다. 비동기 방식 1번 코드가 끝나지 않았음에도, 그 다음 코드들을 호출하게 되는 것을 의미합니다. 동기 방식 VS 비동기 방식 비동기 방식 왜냐하면, 여러 가지를 동시에 처리를 할 수 있기 때문입니다. // 비동기 문제 예시1 log("1st"); log("2nd"); log("3rd"); // 실행 결과 : 1st 2nd 3rd ---------------------------------------------------- // 비동기 문제 예시2 log("1st") setTimeout(() => { log("2nd") }, 1000) log ("3rd") // 실행 결과 : 1st 3rd 2nd -----------------..
4주차_자바스크립트 [과제] 문제 아이디랑 패스워드를 입력받아, 유저 목록에 아이디랑 패스워드를 뿌려주는 것입니다. 조건 1. 아이디랑 패스워드 둘 다 입력이 되어있지 않을 때 alert창으로 "아이디 혹은 비밀번호가 빈 값 입니다." 띄우기 조건 2. 아이디랑 패스워드 중에 하나라도 입력이 되어있지 않을 때 alert창으로 "아이디 혹은 비밀번호가 빈 값 입니다." 띄우기 내가 쓴 코드 CLICK 유저 목록 HTML 삽입 미리보기할 수 없는 소스 결과 화면
3주차_자바스크립트 함수 함수는 자바의 메소드와 같이 어떤한 값의 입력을 받고 반환을 하는 등 코드의 집합을 의미합니다. 함수의 종류에는 선언함수, 익명함수, 반환을 하는 함수가 있습니다. 선언 함수 function add1(a, b){ log (a + b); } add1(3, 5); // 결과 값 : 8 익명 함수 const add2 = function (a, b){ log(a + b); } add2(3, 5); // 결과 값 : 8 반환을 하는 상수 function add3(a, b){ return a + b; } const a = add3(3, 5); // 방법1 log(a); // 방법2 log(add3(3,5)); 콜백함수 const add2 = function(a, b){ log(a + b); } add2(3, ..
2주차_자바스크립트 (별찍기) [2주차 과제] 문제 for문을 이용하여 별 모양 찍기 소스 코드 결과 화면
2주차_자바스크립트(조건문, 반복문) 조건문의 종류 조건문의 종류로는 if문, if-else문,if-else if-else문, switch문이 있습니다. if문 if문은 조건식의 결과에 따라 블록 실행 여부가 결정됩니다. 조건식에는 true 또는 flase 값을 산출할 수 있는 연산식이나, boolean 타입 변수가 올 수 있습니다. 조건식이 true이면 블록을 실행하고, false이면 블록을 실행하지 않습니다. // ex) if문 const num = 2; if(num > 1){ log('1보다 큽니다.'); } // 결과 값 : 1보다 큽니다. ------------------------------------------------------ // ex) if-else문 const score = 3; if(score > 5){ log('점..
1주차_자바스크립트 (변수, 자료형, 연산자) 변수 변수는 자료 값을 저장하는 공간입니다. JavaScript의 변수 선언 방법은 var, let이 있습니다. 하지만 var를 사용하지 않습니다. 그 이유는 같은 영역 안에서 같은 변수명이 있어도 에러로 처리하지 않기 때문입니다. let message1; // 변수 선언 message1 = 'Hello, World!'; // 값 할당 let message2 = 'Hello, World!'; //변수 선언하면서 바로 값을 할당할 수 있음. 상수 변화하지 않는 변수를 선언하는 것을 상수라고 합니다. 상수는 재할당을 할 수 없으며 상수를 변경하려고 하면 에러가 발생합니다. const myBirthday; // 상수 선언 myBirthday = '2003.08.22'; // 값 할당 const myBirthd..