자바스크립트 19

[자바스크립트] 중첩 함수

중첩 함수란? 함수 내부에 함수가 들어가는 형태를 말합니다. function outer(){ function inner(){ } inner(); } outer(); 1, 내부 전용 함수일 때 사용 function countSec(){ var count = 0; setInterval(function(){ count++ $('.text').html(count + "초 입니다."); }, 1000) } countsec(); 1초에 한번씩 해당 텍스트를 출력해줍니다. countSec() 함수 내부에 serInterval() 함수가 중첩되어있습니다. 2, 중복 코드 또는 코드 그룹화할 때 사용 함수 내부의 기능이나 중복 코드를 내부 함수로 만들어 재사용할 때 중첩 함수를 사용합니다.

Js 2022.02.09

[자바스크립트] switch 문

switch 란? if와 같은 조건문 중의 하나입니다. 여러 개의 조건을 처리해야 하는 다중 if~else문 대신 사용합니다. ⭐️ 예시 val luckNumber = window.prompt("행운의 번호를 고르세요!"); switch(luckNumber){ case "3" : document.write("행운의 번호 3번!"); break; case "4" : document.write("행운의 번호 4번!"); break; case "5" : document.write("행운의 번호 5번!"); break; default : document.write("꽝!"); } case 의 실행 구문이 한번 실행되면 break를 만나기 전까지는 멈추지 않는 것을 조심해야 합니다. ⭐️ if문 switch문의 ..

Js 2022.01.03

[자바스크립트] if문

조건문이란? 특정 조건에 맞는 경우에만, 특정 구문을 실행하고자 할 때 사용하는 제어문입니다. 조건문의 종류 1, if문 2, switch 문 (추후에 다시 정리할 예정) ⭐️ if문 if(조건){ //조건이 참일 경우 실행할 스크립트 } if(조건){ //조건이 참일 경우 실행 }else{ //조건이 거짓일 경우 실행 } if(조건1){ //조건1이 참일 경우 실행 }else if(조건2){ //조건1이 거짓, 조건2가 참일 경우 실행 }else if(조건3){ //조건1이 거짓, 조건2도 거짓, 조건3이 참일 경우 실행 } ⭐️ 조건문과 함께 많이 사용되는 "논리 연산자와 비교 연산자" 비교 연산자 논리 연산자 - &&(and) / ||(or) //비교연산자 a>b //a가 b보다 큰 경우 참 a=b..

Js 2021.12.29

[자바스크립트] 형변환 종류

형변환 이란? 말 그대로 형을 변환 한다는 뜻입니다. 코딩을 하다보면 숫자를 문자로, 문자를 숫자로 변환해야 하는 경우가 생깁니다. 정수형과 실수형 변환방법 ⭐️ 정수형 parseInt() var value = "123.456"; parseInt(value); //결과 : 123 Number() var value = "123" Number(value); //결과 : 123 ⭐️ 실수형 parseFloat() var value = "123.456"; parseFloat(value); //결과 123.456 Number() var value = "123.456"; Number(value); //결과 123.456 숫자를 문자로 형변환 ⭐️ 일반문자형 String() var value=20; String(va..

Js 2021.12.26

[자바스크립트] 변수의 종류

변수의 종류는 총 4가지입니다. 전역 변수 지역변수 매개변수(파라미터) 멤버 변수(프로퍼티) ⭐️ 전역 변수와 지역변수 전역 변수는 함수 바깥, 지역변수는 함수 내부에서 선언됩니다. 전역변수는 특정 함수에서 선언된 것이 아니기 때문에 코드 전체에서 공유합니다. 전역 변수를 선언된 위치 이후로는 어디서든 사용할 수 있습니다. 지역변수는 자신이 선언된 함수 내부에서만 사용할 수 있습니다. 그 이외의 장소에서는 변수의 존재가 없기 때문에 사용이 안됩니다. ⭐️ 매개변수 (파라미터) 지역변수와 마찬가지로 함수 내부에서만 사용 가능합니다. 함수 외부에서 내부로 데이터를 전달하기 위해 사용하는 변수입니다. function fun1(num1, num2){ //num1, num2 가 매개변수 var local1 = "..

Js 2021.12.21

[자바스크립트] 배열이란

일반 변수는 데이터를 하나만 저장할 수 있지만, 배열 변수는 하나의 변수에 여러개의 데이터를 넣을 수 있습니다. 주로 연관있는 데이터를 하나로 묶어 관리할 때 사용합니다. 배열 데이터는 대괄호 안에 넣어 표현하며, 콤마로 구분합니다. var userName = ["name", "name2", "name3"] 배열은 주로 반복문과 사용합니다. 코드를 간결하게 처리할 수 있습니다.

Js 2021.12.21

[자바스크립트] 변수값 확인하는 방법

변수에 어떤 값이 저장되어있는지 확인하는 방법은 대표적으로 3가지가 있습니다. alert(); document.write(); console.log(); ⭐️ alert(); 특정 정보를 브라우저의 알림창으로 알려주는 코드입니다. 예를 들면, 로그인시 비밀번호를 잘못 입력한 경우 경고창이 이 alert입니다. 내용이 길어지면 경고창에 내용이 잘리는 경우가 있습니다. ⭐️ document.write(); document에서 제공하는 write 기능으로 html 내부에 값을 출력해줍니다. 비어있는 html이 아닐 경우 어느 위치에 출력되는지 모릅니다. ⭐️ console.log(); 위의 두가지 기능과 달리 전문 디버깅 코드입니다. 웹킷 엔진을 사용하는 브라우저에서만 사용 가능합니다. 총 3가지의 방법이 있..

Js 2021.12.20

[자바스크립트] 변수에 저장할 수 있는 데이터의 종류

var 변수 이름 = 데이터; 이 데이터에 들어가는 종류가 8개 정도 됩니다. Number Boolean String Function Class Class Instance undefined null ⭐️ Number 일반적인 숫자 정수와 실수형으로 나뉩니다. ⭐️ String 문자열, 일반적인 글자를 말합니다. 문자열을 사용할 경우에는 "" 안에 넣어줍니다. ⭐️ Bloolean 논리형이라고 합니다. 오직 참,거짓 두 가지 값만 존재합니다. 참, 거짓을 저장해야 하는 경우 사용한다. ⭐️ undefined 변수 선언은 됐지만, 값을 알 수 없는 경우 나옵니다. ⭐️ null 주로 객체를 담은 변수를 초기화할경우 사용합니다. //숫자형 var age = 20; //문자형 var age ="20"; //위의..

Js 2021.12.15

[자바스크립트] 변수란?

변수란? 데이터를 저장하는 장소 / 데이터를 읽고 쓰고 할 수 있는 장소 입니다. ⭐️변수만들기 var 변수이름 = 값; 가장 일반적인 방법입니다. 여러개의 변수를 만들때도 같습니다. 여러개의 변수를 만들경우 콤마를 사용해도 됩니다. //나이가 담긴 변수 age를 만드세요 var age = 20; //이름과 나이를 저장한 변수를 만드세요 var name = "이름"; var age = 12; //콤마를 이용해 이름과 나이를 저장한 변수를 만드세요 var name = "이름", age = 12; ⭐️변수이름 만들때 조심해야할것! 숫자로 시작하면 안된다 대소문자를 구문한 것은 완전 다른 변수이다 대문자가 아닌 소문자로 시작하라 상수(변하지 않는값)은 대문자로 만들어라 여러단어가 조합되는 경우에는 카멜기법을 ..

Js 2021.12.14
728x90
반응형