자바스크립트 검색 결과

해당 글 13건

자바스크립트 클로저(Closure) 개념 잡기

자바스크립트 클로저(Clouser) 개념 잡기클로저란 무엇인가.. 클로저는 저도 아직 개념잡기가 힘들고, 아직 까진 실무에 활용해 본 적이 없는데 만약에 실무에 사용을 하게 된다면 따로 포스팅을 하는걸로.. 클로저란 무엇일까 ?쉽게 말해 함수 내부에 만든 지역 변수가 사라지지 않고 계속해서 값을 유지하고 있는 상태를 말합니다.123456function 외부함수() { var 변수A; function 내부함수() { 변수A 사용; }} 클로저는 일종의 현상이기 때문에 정해진 문법은 없습니다. 그래도 표현하자면 위의 문법처럼 내부함수에서 내부함수를 표현하고 있는 함수(외부함수)의 변수 A를 사용하는 구조인 경우로 표현할 수 있으며 내부 함수를 클로저 함수라고 부릅니다. 또한 변수A는 클로저 현상에 의해 외부..
JavaScript 2018. 7. 16. 09:17

자바스크립트의 함수 정의 방법 4가지

자바스크립트에서 함수를 정의할 때 Function객체를 사용하는 방법, 사용하지 않는 방법이 있다. 대부분 Function 객체를 사용하지 않으며 연산자인 function을 이용하여 사용한다. 1. 함수 선언식 (function 키워드를 이용하는 방법)function hello(name) { console.log(name); } hello('ktko'); 일반적으로 가장 많이 사용하고 있고, 추가 설명은 X2. 함수 표현식(함수 리터럴을 이용하는 방법)var hello = function(name) { console.log(name); }; hello('ktko1'); 함수 리터럴을 언급하기 전에 함수가 아니라 데이터를 만드는 방식에는 리터럴 방식과, 객체 방식 2가지가 있다. 타입 리터럴 방식 객체 방..
JavaScript 2018. 7. 12. 13:05

자바스크립트의 콜백(Callback)과 비동기

자바스크립트의 콜백(Callback)과 비동기 콜백함수는 주로 함수 내부의 처리결과값을 함수 외부로 내보낼 때 사용한다.function 함수명(callback) { callback(결과) } 콜백 함수를 사용하는 구조를 보면 위의 문법처럼 특정 함수의 매개변수 값으로 콜백 함수를 넘긴 후 처리 결과를 콜백 함수의 매개변수에 담아 콜백 함수를 호출하는 구조를 가지고 있다. 이 구조를 사용하면 로직 구현부분과 로직 처리부분을 나누어 코딩할 수 있게 된다. 일반적으로 두 수를 더하는 함수를 만들려고 한다면 아래와 같다.function plus(num1, num2) { return num1 + num2; } console.log(plus(1,2)); 하지만 로직 구현부분(더하기)와 로직 처리부분(출력)을 나누기..
JavaScript 2018. 7. 11. 12:10

자바스크립트의 Array

자바스크립트의 Array 자바스크립트 배열의 생성 방법리터럴 방식, 클래스 방식을 사용하여 배열을 만들 수 있습니다. 두 가지 방식은 다른 것처럼 보이지만 리터럴 방식으로 실행되면 클래스 방식으로 치환되어 실행됩니다.//리터럴 방식 var array = ['ktko1', 'kkt', 'ktko0714', 'kyungtae']; //클래스 방식 var array = new Array('ktko1', 'kkt', 'ktko0714', 'kyungtae'); 아래는 Array가 가지고 있는 메서드를 작성해보았습니다.메서드 설명 join() 배열을 문자열로 변환하여 반환 split() 문자열을 배열로 변환하여 반환 push() 배열 마지막 위치에 배열 요소 추가 unshift() 배열 첫 번째 위치에 배열 요소..
JavaScript 2018. 7. 11. 12:09

자바스크립트의 Date

자바스크립트의 Date 자바스크립트의 Date 클래스에는 날짜 및 시간과 관련된 유용한 기능이 담겨 있습니다. Date 클래스는 실무에서 다음과 같은 경우에 유용하게 사용됩니다. 저 같은 경우에는 실제로 달력을 만들었어야 했는데(물론 퍼블은 제가 하지 않았습니다만..) 이 주제를공부하면서 많이 알게 되었습니다. 메서드 설명 getDate() 로컬 시간을 사용하여 일(월 기준) 반환 getDay() 로컬 시간을 사용하여 일(주 기준, 즉 요일)을 반환 getFullYear() 로컬 시간을 사용하여 연도를 반환 getHours() 로컬 시간을 사용하여 시간을 반환 getMilliseconds() 로컬 시간을 사용하여 밀리초를 반환 getMinutes() 로컬 시간을 사용하여 분을 반환 getMonth() 로..
JavaScript 2018. 7. 10. 12:04

자바스크립트의 String

자바스크립트의 String 자바스크립트에서는 문자열을 리터럴로 많이 사용했기 때문에 잘 모르지만 대부분 문자열 리터럴은 문자열 클래스로 자동 변환되어 사용됩니다. String 클래스에는 문자열을 생성하는 기능을 시작으로 문자열과 관련된 유용한 기능이 담겨 있습니다. 특히 String 클래스는 실무에서 유용하게 사용하게 됩니다. 아래에 표로 간단하게 정리하자면 String는 다양한 메서드가 있음을 알 수 있습니다. 저 같은 경우에는 length, indexOf, concat, charAt, trim() 을 많이 쓰는 것 같습니다.ㅎ 프로퍼티 설명 length 문자열 길이를 반환 charAt(n) n번째 문자 구하기 charCodeAt(n) n번째 문자의 코드 값 구하기 concat(str) 문자열 뒤쪽에 ..
JavaScript 2018. 7. 10. 08:12

자바스크립트 타이머 함수

자바스크립트 타이머 함수 타이머 함수는 일정한 시간마다 특정 구문을 실행하고자 할 때 사용하는 기능이다. 타이머 함수는 3가지 주요 함수가 있습니다. 타이머 함수는 모든 전역 객체인 window에 있습니다. 이름 설명 setInterval() 일정 시간마다 주기적으로 특정 구문을 실행하는 기능 setTimeOut() 일정 시간이 지난 후 특정 구문을 딱 한번 실행하는 기능 clearInterval() 실행 중인 타이머 함수를 멈추는 기능 setInterval() 일정 시간마다 주기적으로 특정 구문 실행 아래 코드 중에 마지막 3번째 setInterval 예제(add함수에 파라미터 전달)를 보시면 파라미터를 전달할 때 콜백으로 집어넣은 함수에 파라미터를 전달하는게 아니라 setInterval함수의 인자로 ..
JavaScript 2018. 7. 7. 22:43

자바스크립트의 Math

자바스크립트의 Math Math 클래스는 숫자를 랜덤하게 생성하는 기능부터 학창 시절에 배웠던 사인(sin) 및 코사인(cos)과 같은 수학 관련 기능이 있습니다. Math 클래스는 다른 자바스크립트 코어 클래스와 달리 대부분의 기능이 클래스 메서드로 구성되어 있어서 인스턴스 생성 없이 즉시 사용할 수 있습니다. Math 클래스의 대표적인 기능은 아래와 같습니다. 프로퍼티 설명 PI 원주율 값 abs() 숫자의 절대값을 반환 acos() 숫자의 아크코사인 값을 반환 asin() 숫자의 아크사인 값을 반환 atan() 숫자의 아크탄젠트 값을 반환 atan2() x축과 주어진 점이 이루는 각도를 라디안 값으로 반환 ceil() 숫자의 올림값을 반환 cos() 숫자의 코사인 값을 반환 floor() 숫자의 내..
JavaScript 2018. 7. 7. 22:42

자바스크립트 함수와 변수의 관계

자바스크립트 함수와 변수의 관계일반적으로 자바스크립트를 통해 개발하면 아래와 같은 방식으로 개발하며 파라미터로 숫자, 문자, 불린 등의 값을 넣어 파라미터로 입력된 값을 연산하여 리턴하거나 화면에 표출하는 것이 대부분입니다.function hello(name) { console.log(name); } hello('ktko'); 자바스크립트에서는 함수를 변수에 저장할 수 있고, 함수 안에 return을 함수로 하여 return된 함수를 변수에 담아 실행할 수가 있습니다. 함수가 변수에 저장되는 것을 3가지 코드로 정리하자면..함수 표현식(변수에 함수 저장하기)function hello(name) { console.log(name); } hello('ktko1'); //ktko1 출력 var func = h..
JavaScript 2018. 7. 6. 12:30