개발입문뉴비 - 국비지원 ( Front End )

    [2022/02/10]국비지원 javascript 4-(2) function();

    [2022/02/10]국비지원 javascript 4-(2) function();

    함수 : 실행문을 메모리에 저장했다가 필요할 때 함수 이름으로 소환 내장 함수 사용자 정의 함수 지역변수 전역 변수 수식 일반 function 함수명(매개변수1, 매개변수2){ 실행문; } 함수명(인자값1, 인자값2); 비교 1 : 탭 새로고침 > 인사 띄우기 function greet1() { alert("Hello World"); } greet1(); 결과 비교 2 : 버튼 click > 인사 띄우기 : html + js 들어오기 나가기 function greet(theText) { alert(theText); } 1과 달리 2에서는 따로 function을 소환하는 greet(); 을 해줄 필요가 없는 이유 button.onclick = "greet( 'Hello / bye~' )" function ..

    [2022/02/10]국비지원 javascript 4-(1) 배열

    [2022/02/10]국비지원 javascript 4-(1) 배열

    배열 함수 = 변수 1 : 저장데이터 多 수식1 var 변수(instance name) = new Array(); 변수[0]="값1" 변수[0]="값1" 변수[0]="값1" 수식2 var instance name = new Array(3); 수식3 var instance name = [값1, 값2, 값3]; method reverse() : 역순 변환 var theFood = ["자장면", "냉면", "갈비탕", "돈까스", "삼겹살"]; theFood.reverse(); console.log(theFood); slice( 1, 2 ) : index 1 ~ 2 직전까지 변환 var userName = ["김태희", "전지현", "송혜교", "수지", "아이유"]; var result = userName...

    [2022/02/09]국비지원 javascript 3 객체 전개

    [2022/02/09]국비지원 javascript 3 객체 전개

    new : 새 object 생성 연산자 var 변수 = new object(); 예시)) var todayObj = new Date(); todayObj.getFullYear(); Date : 내장된 object 함수명이지만 new 연산자로 소환 要 예시)) var 변수 = new Date(); var 변수 = new Date(년, 월, 일, 시, 분, 초); 날짜 제공 method getFullYear() : 전개형 YYYY getMonth() : 0 ~ 11 ( 숫자 출력 시 +1 要 ) getDate() : 요일 getDay() : 0 일요일 ~ 6 토요일 getHours() : 0 ~ 23 getMinutes() : 0 ~ 59 getSeconds() : 0 ~ 59 getMilliseconds(..

    [2022/02/08]국비지원 javascript 2-(2) 조건반복실행

    [2022/02/08]국비지원 javascript 2-(2) 조건반복실행

    같은 조건에서 반복적으로 실행하는 함수. 조건에서 실행을 '반복'하기 때문에 '반복문'이라고 함 While 수식 var i = 초기값; while(조건식){ 실행문; 증감식; } var i = 1; while(i 0){ if( i % 2 == 0 ){ document.write(i + " "); } i--; } ≫ 예제2 // 1부터 100까지 오름차순, 3의 배수만 출력 3~99 var i = 1; while(i = 1 ; k-- ){ document.write( "h" + k + " 즐거운 금요일!!" + " "); } ≫ 예제4 // h1 즐거운금요일!! 을 6까지 for( var k = 1; k

    [2022/02/08]국비지원 javascript 2-(1) 조건실행

    [2022/02/08]국비지원 javascript 2-(1) 조건실행

    해당 기능의 역할은 실행 조건을 걸어 환경을 제어하는 기능 '제어문' 이라고도 하고 '조건문'이라고도 함 if 함수 : 만약 ~이면 x를 실행해라 수식 if(조건식){ 실행문; } var myAge = 25; if(myAge >= 20){ document.write("당신은 성인입니다." + " "); }​ ≫ 예제 // prompt 시험점수 입력, if 사용 70점 이상 합격 출력 var score = Number(prompt("시험 점수를 입력하세요", "50")); if(score>=70){ document.write("합격"+" "); } if ~ else 함수 : 만약 ~ 이면 x를 실행하고, 아니면 n을 실행해라 수식 if(조건식){ 실행문1; }else{ 실행문2; } ≫ 예제 //promp..