목록IT국비지원 (60)
기록 ＞ 기억
[JavaScript] 함수 (function)
함수 (function) ● 수학 함수 함수명 사용법 설 명 eval eval("계산식") 계산식으로 들어온 문자열이나 숫자열 계산 parseInt parseInt(str) parseInt(str, radix) ① 입력된 숫자나 문자를 정수로 변경 ② 진수 변환 parseFloat parseFloat(str) 입력된 숫자나 문자를 실수로 변경 isNaN isNaN(value) is Not a Number, 숫자가 아니면 true isFinite isFinite(number) 숫자로만 이루어져 있으면 true console.log(eval("10*2"));//20 console.log(parseInt(10));//10 console.log(parseInt(10.5));//10 console.log(pars..
배열 (Array) ● 배열 선언 let a = new Array(); 배열의 크기를 지정하지 않고 선언 let a = new Array(5); 배열의 크기를 지정하고 선언 let a = new Array(1, 2, 3, 4, 5); 초기값 사용 선언 let a = [1, 2, 3, 4, 5]; JSON 형식 선언 let a = new Array(3); a[0] = new Array(5); 다차원 배열 선언 /* NameKorEngAvgGrade ------------------------------------- Kim506055F Lee707874C Hong1002060D Park100100100A 1. 국어 점수와 영어 점수의 평균 구하기 2. 평균점수에 따른 학점 구하기(90점 ↑ : A, 80점 ..
[JavaScript] 제어문 ② 반복문 (for, while, do while, for in, for of)
반복문 ● for 문 /* for(변수 초기값; 조건식; 변수 증감식) {} */ for(let i=0; i
[JavaScript] 제어문 ① 조건문 (if, switch)
조건문 ● if 문 ① if let weight = 59; if(weight 90) {/* 조건이 true 면 실행 */ document.write("탑승불가 "); } document.write("몸무게 : " + weight + "kg");/* 항상 실행 */ 탑승불가 몸무게 : 59kg 몸무게 : 60kg ② if ~ else + ③ if ~ else if [ ~ else ] 단가계산 및 포인트별 등급계산 제품명 단가 수량 금액 총포인트 등급 /*** 단가계산 및 포인트별 등급계산 ***/ let frm = document.frmCalcAmount; let btn = frm.btnCalc; let nowPoint = 1000;/* 현재 포인트 */ btn.onclick..
연산자 ● 산술 연산자 연산자 + - * / % ++ -- 설명 더하기 빼기 곱하기 나누기 나머지 1 증가 1 감소 /* 증감 연산자 (전치) */ var a = 10; var b = ++a;/* a = a + 1; b = a */ console.log("a : " + a + ", b : " + b);/* a : 11, b : 11 */ /* 증감 연산자 (후치) */ var a = 10; var b = a++;/* b = a; a = a + 1; */ console.log("a : " + a + ", b : " + b);/* a : 11, b : 10 */ ● 관계 연산자 A > B A가 B보다 크면 true A = B A가 B보다 크거나 같으면 true A =..
JavaScript 작성위치 ● 자바스크립트 작성 위치 ① 태그에 직접 작성 (on+event 속성) ② 파일 내부에 작성 (script 태그) ③ 외부 파일에서 작성 (외부 js 파일) alert("외부에서 작성"); /* 파일경로 : /js/test.js */ 변수와 상수 ● 변수 ① 변수 선언은 var 또는 let으로 선언 /* 변수 선언 : 값을 재할당 할 수 있음 */ let player = "son"; console.log(player); player = "park"; console.log(player); ② 자료형은 저장된 데이터 값에 의해 결정됨 let str = 'son';/* 문자형 */ let num = 89;/* 숫자형 */ let flag = true;/* 논리형 */ let un..
반응형 웹 사용자의 접속환경(PC, 모바일)에 맞춰서 레이아웃을 자연스럽게 바꿔서 보여주는 것 장점 단점 모든 기기에서 접속가능 최신 버전의 브라우저만 지원, 하위 버전 브라우저 지원 X 너비 값을 조절하면 너비에 맞추어 레이아웃을 변경 사이트가 하나라서 유지관리가 편함 ● 가변 그리드 → 화면의 크기에 관계없이 늘어나고 줄어들수 있도록 퍼센트(%)로 설정 content ● 미디어 쿼리 → 접속한 기기의 종류를 물어보고 그 기기에 맞게 사이트 구조를 바꿈 ● 뷰포트 ( viewport ) → 화면에 보이는 영역을 제어 (미디어 쿼리로 기기의 화면크기를 감지할 때 필요) ● 플렉스 박스
