반응형 IT/HTML & CSS & JavaScript47 [자바스크립트] 함수 생성 문법 및 예제 종복되는 코드를 줄이고 유지보수를 효율적으로 하기위해서 자바스크립트에서는 함수를 작성해서 사용합니다. 문법 function을 시작으로 함수명을 입력하고 매개변수를 받습니다. function 함수명(매개변수1, 매개변수2){ //코드 } 예제 1. 매개 변수가 없는 에러메시지를 띄우는 함수 매개변수 없이 함수를 호출합니다. 에러 경고창을 다음과 같이 띄웁니다. function errorPage(){ alert("에러 페이지") } //함수 호출 errorPage() 2. 매개 변수가 존재하는 함수 이름을 입력받아서 name이 존재할시(true: 1)일시 welcome +이름을 콘솔에 출력하고 아닐 시 welcome만 출력 function Hello(name){ let msg = 'welcome'; if(n.. 2021. 9. 8. [자바스크립트] switch 여러 조건 비교하기 이번시간에는 switch문에 대해서 알아보겠습니다. if else문을 사용해서 모든 조건문을 구현할 수 있지만 케이스가 다양한 경우 if else 문보다 간결하게 쓸수 있는 장점이 있습니다. 문법 swtich(평가){ case A : A코드 case B : B코드 case C : C코드 case D : D코드 ... } 예문 사고싶은 주식 가격을 반환합니다. break 문이 없으면 입력학 주식 가격아래의 case 결과과 모두 나오게 되니 break문을 사용해야합니다. case에 해당 하는 조건이 없을때 결과를 보여주기 위해서는 기본값인 default 문을 사용해서 결과를 보여줍니다. 주식가격목록 삼성전자 : 70000 카카오 : 145000 넷마블 : 120000 펄어비스 : 80000 let stock.. 2021. 9. 8. [자바스크립트] break, continue 반복문 빠져나오기, 계속 진행하기 반복문을 사용할 경우 제어가 필요한 경우가 있습니다. 이번 시간에는 반복문 제어를 위한 break문과 continue문에 대해서 알아보겠습니다. break 멈추고 빠져나오라는 뜻으로 반복문이 돌다가 break를 만나면 반복을 중지하고 빠져나옵니다. continue 멈추고 다음 반복으로 진행하라는 뜻으로 반복문이 돌다가 continue를 만나면 아래의 코드는 무시하고 다음 반복을 진행합니다. break 예문 //취소를 누를때 까지 무한으로 확인창을 띄우는 코드 while(true){ let answer = confirm("계속 진행할까요?"); // 확인시 true를 취소시 false를 반환 if(!answer){ //만약 answer이 false이면 break; //반복문을 빠져나가라 } } contin.. 2021. 9. 8. [자바스크립트] 반복문 - do ~ while 문법 & 예제 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 do ~ whtile 문에 대해서 알아보겠습니다. 문법 do~while문은 while문과 차이가 거의 없지만 조건을 비교하기 전 코드를 한번 실행한다는 차이점이 있습니다. 변수선언 do{ //코드 }while (조건문) 예문 1부터 10까지의 값을 콘솔로그에 찍는 반복문 let i=0; do{ i++; console.log(i); }while(i 2021. 9. 8. [자바스크립트] 반복문 - while 문법 & 예제 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 whtile 문에 대해서 알아보겠습니다. 문법 초기변수 및 변수값 선언 while (조건문){ //반복할 코드 } 예문 10부터 20까지의 값을 콘솔로그에 찍는 반복문 let i=10; while (i < 21){ console.log(i); i++; } 1. i는 10으로 초기값을 선언합니다. 2. 조건문을 보고 i는 21보다 작으니 콘솔로그에 10을 찍습니다. 3. 이후 i를 1증가 시키게 됩니다. 4. i는 11가 되었습니다. 5. i는 21보다 작으니 콘솔로그에 i 값인 11를 찍습니다. 6. i를 1증가 시킵니다. 7. i는 12이 되었습니다 8. 위의 과정을 i가 21보다 작을때까지 반복합니다. 이상으로 javaScrip.. 2021. 9. 8. [자바스크립트] 반복문 for - 문법 & 예문 반복문 코드를 여러번 반복하기 위해서 사용합니다. 이번 시간에는 반복문중 for 문에 대해서 알아보겠습니다. 문법 for (초기값 ; 조건문 ; 코드 실행 후 작업){ //반복할 코드 } 예문 //1부터 10까지의 값을 콘솔로그에 찍는 반복문 for(let i=1; i 2021. 9. 8. 자바스크립트 AND, OR, NOT 논리연산자 정리, 우선순위 1. 논리 연산자 종류 및 설명 OR (||) : 여러 개 중 한 개라도 true면 true를 반환합니다. 즉 모든 값이 false일 경우에만 false를 반환합니다. AND(&&) : 모든 값이 true면 treu를 반환합니다. 즉 하나라도 false면 false를 반환합니다. NOT(!) : true와 false를 반대 값으로 바꿔줍니다. 즉 true 면 false, false면 true를 반환합니다. OR 아이유는 여자 OR 개발자이다. -> true -> OR 이기 때문에 두 가지 조건중 한 가지만 true여도 true를 반환합니다. 아이유는 여자 OR 개발자 OR 영국인 OR 군인이다. -> true ->OR 조건은 첫번째 true를 발견하면 뒤에 조건은 무시하고 true를 반환합니다. AND .. 2021. 9. 6. [자바스크립트] 조건문 if, else, else if 사용법 이번 시간에는 Javascript의 조건문인 IF, ELSE, ELSE IF 사용법에 대해서 알아보겠습니다. 1. IF문 단일 조건을 비교하는 문법입니다. 만약 age가 10보다 크면 콘솔로그를 출력합니다. const age = 11 if(age > 10){ console.log("나이는 10보다 크다.") } else 문은 if 문의 조건이 맞지 않을경우데 실행되는 구문입니다. 만약 age가 10보다 크면 if안의 구문을 아니라면 else 안의 구문을 출력합니다. const age = 9 if(age > 10){ console.log("나이는 10보다 크다.") } else { console.log("나이는 10살보다 작다") } 2. else if 구문 else if 구문은 if 와 else 2가지 .. 2021. 9. 3. [자바스크립트] 비교 연산자 (<, >, <=, >=, ==, !=,===) 이번 시간에는 비교 연산자인 , =, ==, != 에 대해서 알아보겠습니다. 기본 문법 비교 연산자의 기본적인 문법입니다. 10은 5보다 작다 console.log(10 5);//true 10은 5보다 작거나 같다(= 5);//true 10은 5와 같다 console.log(10==5);//false 10은 5와 다르다 console.log(10!=5);//true 추가 문법(중요) 숫자 1과 문자 1을 비교 연산자인 ==을 사용해서 비교하면 true가 반환된다. 하지만 이 결과는 잘못된 결과이다. 문자와 숫자는 같을 수 없기 때문이다. 그래서 타입까지 비교가 가능한 "일치 연산자"인 ===을 사용하는 게 좋다. const a=1; const b="1"; console.log(a==b); //true c.. 2021. 9. 3. [자바스크립트] ++, --, +=, -= 제곱근,나머지 연산자 연산자는 기본적으로 +(더하기), -(빼기), *(곱하기), /(나누기)가 존재하며 추가적으로 %(나머지), **(제곱근)이 존재한다. 자세한 내용은 아래의 이전 포스팅을 참조하시길 바랍니다. [자바스크립트] 자료형 / 문자(String), 숫자(Number), 불린(boolean), typeof 사용법 이번 시간에는 자바스크립트(javascript)의 자료형인 문자(String), 숫자(Number), 불린(boolean) 3가지에 대해서 알아보겠습니다. 1. 문자형(String) 문자형은 단어 입력 시 큰따옴표나"" 홑 따옴표''로 감싸 bebeya.tistory.com 이번시간에는 ++와 --기호에 대해서 알아보고 순서에따른 값의 변화를 알아보도록 하겠습니다. 1. ++,-- 연산자 ++연산자는 변.. 2021. 9. 3. 이전 1 2 3 4 5 다음 반응형
