Front/JavaScript23 JavaScript - 내장함수(Math, Spring) JavaScript 객체 내장 객체 브라우저 객체 문서 객체(DOM) 사용자 정의 객체 자바스크립트 내장 객체 (Built in Object) 미리 정의되어 있는 객체 선언 과정을 통해 객체 변수를 정의해서 사용 특별한 경우에만 사용자 정의 객체를 정의하여 사용하고, 대부분의 경우 내장 객체를 많이 사용한다. 대표적인 내장 객체 Date : 날짜와 시간을 처리하기 위한 객체 Array: 배열을 만들기 위한 객체 String: 문자열을 다루기 위한 객체 Math: 수학 계산을 위한 객체 Event: 발생하는 이벤트에 관한 정보를 제공하는 객체 Screen: 화면의 해상도, 색상, 크기에 관한 정보를 제공하는 객체 Math객체 수학적 계산에 필요한 함수나 상수 값 제공 상수 값은 속성으로, 수학 삼수는 메소.. 2021. 12. 9. JavaScript - 내장함수(Date, Array) JavaScript 객체 내장 객체 브라우저 객체 문서 객체(DOM) 사용자 정의 객체 자바스크립트 내장 객체 (Built in Object) 미리 정의되어 있는 객체 선언 과정을 통해 객체 변수를 정의해서 사용 특별한 경우에만 사용자 정의 객체를 정의하여 사용하고, 대부분의 경우 내장 객체를 많이 사용한다. 대표적인 내장 객체 Date : 날짜와 시간을 처리하기 위한 객체 Array: 배열을 만들기 위한 객체 String: 문자열을 다루기 위한 객체 Math: 수학 계산을 위한 객체 Event: 발생하는 이벤트에 관한 정보를 제공하는 객체 Screen: 화면의 해상도, 색상, 크기에 관한 정보를 제공하는 객체 객체 생성 및 사용 방법 객체 생성 var today = new Date(); // Date .. 2021. 12. 9. JavaScript - 화살표 함수, 디폴트 매개변수 JavaScript 화살표 함수(Arrow Function) 자바 언어의 람다식과 동일 function 키워드 대신 화살표(=>)를 사용하여 더 간략한 방법으로 함수를 선언하는 방식 기본 문법 매개변수 => {실행부분} ( ) => {return name;} // 매개변수가 없는 경우. 괄호 생략 불가 x => { ... } // 매개변수 1개인 경우 괄호 생략 가능 (x, y) : { ... } // 매개변수가 여러 개인 경우. 괄호 생략 불가 x => x * x // 수행 문장이 한 줄인 경우 중괄호 생략 가능 arrowFunction1.html arrowFunction2.html forEach() 함수를 화살표 함수를 사용해서 변경 화살표 함수 사용 예 이벤트 리스너 처리할 때 사용 원래 형식 객체.. 2021. 12. 9. JavaScript - 익명함수, 콜백함수 JavaScript 익명 함수(Anonymous Function) 함수 이름이 없는 함수 함수명 대신 변수명에 함수 코드를 저장해서 구현하는 함수 변수명에 값을 대입하는 형식으로 맨 끝에 세미콜론(;) 사용 함수 호출 시 변수명을 함수명처럼 사용 var 변수명 = function() { } var start = function() { 함수 수행 문장; }; 변수명 다르게 함수 코드 저장 가능 호이스팅 불가 콜백 함수로 주로 사용 예제 anonymousFunction.js var sum = function(a, b) { document.write(a + b + " "); }; // sum() 호출 sum(10,20); // 다른 변수 add 이름으로 기존 sum 함수 코드 저장해서 사용 가능 var add.. 2021. 12. 9. JavaScript - var, let, const 차이점 var, let, const의 차이점 1. 변수 선언 방식 var은 변수 선언 방식에 단점을 가진다. var name = 'javascript'; console.log(name); // javascript var name = 'person'; console.log(name); // person 변수를 한번 더 선언했지만, 에러가 나오지 않고 각기 다른 값이 출력됨 간단한 테스트에는 편리하지만, 코드랴야이 많아지면 어디에서, 어떻게 사용할지 파악하기 힘드며, 값이 바뀔 우려 존재 let var name = 'javascript'; console.log(name); // javascript var name = 'person'; console.log(n.. 2021. 12. 9. JavaScript - 함수의 반환값, 매개변수 JavaScript 함수의 반환 값 함수 실행이 끝난 후 호출한 곳으로 돌려주는 결과값 함수 내에서 return문 사용 함수 호출한 곳으로 반환하기 function sum() { return n1 + n2; } // 함수 호출한 곳으로 값 반환 var s = sum(); 출력문에서 호출한 결과값 바로 출력하기 function sum() { return n1 + n2; } // 출력문에서 호출한 결과값 바로 출력하기 document.write("합계 : " + sum()); 예제 functionReturn.js 숫자 2개를 입력받아 두 수를 더한 결과값 반환하기 // sum() : 숫자 2개를 입력받아서 두 수를 더한 결과값 반환 function sum() { var n1 = Number(prompt("숫.. 2021. 12. 9. JavaScript - 함수 기초 JavaScript 함수 자동 호출되는 함수 선언적 함수 (일반 함수 : function) 익명 함수 콜백 함수 화살표 함수 디폴트 매개변수 함수란? 독립적인 모듈 { } 특정 기능을 수행하고 결과를 돌려주는 독립적인 코드 집합 변수 : 데이터 함수 : 기능 (일 수행) 메소드, 모듈, 기능, 프로시저 등으로 불림 함수를 사용하기 위해서는 반드시 호출해야 함 함수 선언 방식 형식 function 함수명() { 함수가 수행하는 문장; } 자동 호출되는 함수 : 스스로 동작하는 함수 함수 사용 함수를 사용하기 위해서는 반드시 호출해야함 함수를 만들었다고 해서 스스로 기능을 수행하는 것이 아님 함수 호출 방법(함수 이름 부르기) : 함수명() show 함수 예제1 자동 호출되는 함수 : 호출하지 않아도 스스로.. 2021. 12. 8. JavaScript - 배열 JavaScript 배열 동일한 이름을 갖는 원소들의 연속적 저장 영역 배열의 원소는 메모리 내에서 순서대로 저장 배열의 각 원소는 인덱스([0]부터 시작)로 구별 배열의 크기(원소의 개수) : length 속성 배열의 선언 방식 var 배열명 = new Array(3); var num = new Array(3); num.length; // 배열의 크기 자바스크립트 배열의 특징 각 원소에 다른 유형의 데이터 저장 가능 배열 선언 형식 var num = new Array(); // 크기가 정해지지 않은 배열 선언 var num = new Array(3); // 원소가 5개인 배열 선언(크기 지정) var fruits = new Array("사과", "배", "포도"); // 배열의 선언과 동시에 값 저장 .. 2021. 12. 8. JavaScript - 특수문자 처리 추가 내용 따옴표 특수문자 문자열에 사용하는 경우 큰따옴표, 작은따옴표 구별 없이 사용 가능 document.write(""); document.write(""""); // 동일한 따옴표를 중첩해서 사용할 경우 오류 document.write("''"); document.write('""'); 큰따옴표로 사용할 경우 특수문자로 사용 : \" document.write("\"문자열\""); HTML : "" 특수문자 \" : 큰따옴표 (") \' : 작은 따옴표(') \\ : 역슬래시 (\) \n : 줄바꿈 \t : 탭 2021. 12. 8. 이전 1 2 3 다음