WEB UIUX/javaScript

WEB UIUX/javaScript

[javaScript]자바스크립트 배열매개변수(매개변수 없이 함수에 전달된 값 가져오기)

# 매개변수 없이 함수에 전달된 값 가져오기 - 함수정의문에서 arguments를 사용하면 매개변수를 사용하는것 처럼 함수 호출문을 받아올 수 있다. - arguments전달인자는 함수를 호출할 때 전달되는 실제값을 의미한다. - 매개변수가 없는 상태에서 데이터를 전달하여 함수를 호출하면, 그 값은 배열에 저장 //기본형=> function 함수명(){ arguments; } 함수명(데이터1, 데이터2, 데이터3...); See the Pen [js]배열매개변수 by kaia (@kaiaakim) on CodePen.

WEB UIUX/javaScript

[javaScript]자바스크립트 매개변수가 있는 함수 정의문

# 매개변수가 있는 함수 정의문 - 기본함수는 함수를 호출할 때 값을 전달할 수 없는데, 매개변수가 있는 함수는 전달하고자 하는 값을 입력하여 호출할 수 있다. See the Pen [js]매개변수가 있는 함수 정의문 by kaia (@kaiaakim) on CodePen. See the Pen [js]매개변수 by kaia (@kaiaakim) on CodePen.

WEB UIUX/javaScript

[javaScript]자바스크립트 함수 배열을 이용한 클릭이벤트(버튼클릭하면 배경색상 변경)

See the Pen [js]버튼클릭시 배경색상변경 by kaia (@kaiaakim) on CodePen.

WEB UIUX/javaScript

[javaScript] javaScript에서 호이스팅(hoisting)이란?

# javaScript에서 호이스팅(hoisting)이란? => 인터프리터(명령을 실행하는 프로그램)가 변수와 함수의 메모리 공간을 선언전에 미리 할당하는 것을 의미한다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 합니다. 반면 let이나 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화 하지 않습니다. console.log(ost); //undefined var ost = "ost"; console.log(ost); //ost console.log(ost); let ost = "ost"; console.log(ost); // ReferenceError: Cannot access 'ost' before initialization //오류!!!

WEB UIUX/javaScript

[javaScript]자바스크립트 함수의 정의와 호출(일반함수, 익명함수정의문)

함수란? - 함수란 코드를 메모리에 저장했다가 필요할 때마다 호출하여 사용할 수 있다. - 함수정의문{...}자바스크립트코드는 즉시 실행되지 않고 메모리에 할당되어 대기하고 있다가, 함수가 호출되면 실행 # 일반함수 정의문 - function 함수명(){실행할자바스크립트코드} let count = 0; myFuc(); //함수호출방법 function myFuc(){ count++; document.write("hello" + count, " "); //hello1 }//일반함수정의문 myFuc(); # 익명함수(함수명이 없는 함수)정의문 - 참조변수 = function(){실행할자바스크립트코드} //(함수를 선언하고 변수에 참조해서 사용한다.) let count = 0; let theFnc = funct..

WEB UIUX/javaScript

[javaScript]자바스크립트 삼항조건연산자

# 삼항조건연산자 - 삼항조건연산자는 조건식(true, false의 결과값 반환) => 반환의 결과에 따라 실행 결과가 달라진다. - 결과값이 true이면 = 질문?을 던져서 A : B;(A이냐 B이냐) 에서 A를 실행 - 결과값이 false이면 = 질문?을 던져서 A : B; 에서 B를 실행 const a = 10; const b = 3; const result = a b? "Illustrator" : "Photoshop"; document.write(webdesign, " "); //Illustrator (..

WEB UIUX/javaScript

[javaScript]자바스크립트 선택문(switch)

switch문 - 변수에 저장된 값과 case값이 일치할 때 실행된다. /* 형식 */ switch(변수){ case 값1 : 값1에 실행될코드1; //case의 값에따라서 참이면 실행되고 break; // 실행된후 멈춘다. case 값2 : 값2에 실행될코드2; break; case 값3 : 값3에 실행될코드3; break; default : 코드4; //보기중에 없는경우 default } 예제1 /* 사이트로 이동하는 예제 */ const site = prompt("네이버, 다음, 네이트, 구글 중에 즐겨 사용하는 포털 검색 사이트는?",""); switch(site){ //site 값중 case를 찾는다 case "네이버" : url = "www.naver.com"; //case의 값에따라서 참이면..

WEB UIUX/javaScript

[javaScript]자바스크립트 반복문 (while, for)

#01 while반복문 - 조건식이 참이면 실행을 시작하고, 조건식의 값이 거짓이 될때까지 "반복"해서 실행한다. See the Pen [js]while반복문 by kaia (@kaiaakim) on CodePen. See the Pen [js]while반복문2 by kaia (@kaiaakim) on CodePen. #02 for반복문*****(가장 많이 사용!!!) 1) 변수를 초기값에 저장 2) 조건식이 만족 할 경우(true일경우) 중괄호의 코드를 실행 3) 증감연산자로 변수 i값만큼 증감 4) 조건식의 만족여부를 검사한 후, 중괄호를 실행할지, 종료할지 결정 for(let i = 1; i

카이아
'WEB UIUX/javaScript' 카테고리의 글 목록