JavaScript/기본
-
자바스크립트 - 배열 메소드 정리JavaScript/기본 2020. 5. 4. 22:10
Array.map()이란? map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. map은 callback 함수를 각각의 요소에 대해 한 번씩 순서대로 불러 그 함수의 반환 값으로 새로운 배열을 만든다. callback 함수는 배열 값이 들어있는 인덱스에 대해서만 호출된다. 즉, 값이 삭제되거나 아직 값이 할당/정의되지 않은 인덱스에 대해서는 호출되지 않는다. 예시를 통해 알아보자. map()을 이용해서 구구단 3단의 수를 출력 해보도록 하자. data변수 안에 1 ~ 9까지의 배열이 담겨져 있고, map매서드를 통해서 각 항목에 × 3을 해서 새로운 배열을 result라는 변수에 담아서 출력한다. 출력한 결과 구구단 3단의 수들이 result에..
-
자바스크립트 - javascript ES6란?JavaScript/기본 2020. 4. 23. 21:27
ES6란 무엇인가? 바로 ES6는 ECMA Script 2015를 의미한다. ES는 ECMA Script의 줄임말이며, ECMA Script는 JavaScript를 표준화시키려고 탄생했다. 그렇다면 왜 생겨난 것인가? JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있도록 ES가 명세를 확정해왔다. 그렇다! 그래서 ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것이다. 현재는 ES10 버전까지 나왔고, 주로 쓰이는 것은 ES6인데, 6은 버전 이름이며 ES 2015라고도 한다. 2015년에 ES6버전이 최종으로 나왔기 때문에 그렇게 불린다.
-
자바스크립트 - String타입JavaScript/기본 2020. 4. 22. 19:43
String 타입 자바스크립트의 String 타입은 텍스트 데이터를 나타내는데 사용한다. String의 각 요소는 String의 위치를 차지한다. 예를 들어, 첫 번째 요소는 0번 인덱스에 있고, 다음 요소는 1번, 그 다음 요소는 2번... 같은 방식이다. String의 길이는 String이 가지고 있는 요소의 개수이다. 문자 길이 배열의 길이를 알아낼 때, 쓰는 속성은 length라는 속성이다. 하지만, 문자인 String형도 length라는 속성으로 길이를 알 수 있다. 회원가입을에서 아이디나 이름이 10자가 넘어갔는지 체크하거나, 핸드폰 번호를 잘 못 입력했을 때 등 자주 사용하는 속성 중 하나이다. if (phoneNumber.length !== 10 && phoneNumber.length !=..
-
자바스크립트 - var, let, const 차이JavaScript/기본 2020. 2. 27. 22:36
자바스크립트에서 변수 선언 방식인 var, let, const의 차이점에 대해 알아보자! var의 특징 1. 함수 레벨 스코프(Function-level scope) 함수의 코드 블록만을 스코프로 인식하며, 따라서 전역 함수 외부에서 생성한 변수는 모두 전역 변수이다. if 문이나 for 문의 변수 선언문에서 선언한 변수를 코드 블록 외부에서 참조할 수 있다. 2. var는 키워드 생략 가능하고, 변수 중복 선언 허용이 가능 var는 변수 선언 방식에 있어서 가장 큰 단점을 가지고 있다. var name = 'python' console.log(name) // 결과 : python var name = 'javascript' console.log(name) // 결과 : javascript 변수 name을..
-
자바스크립트 - 객체JavaScript/기본 2020. 2. 25. 22:30
오늘은 객체에 대해서 알아보자! 일단 배열과 객체는 비슷하면서도 다른 것을 알 수 있다. 지금까지 살펴본 배열은 값에 대한 식별자로 숫자를 사용했다. 데이터를 추가하면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 우리는 이 인텍스를 이용해서 값을 가져오게 되는 것이다. 만약, 인덱스로 숫자가 아닌 문자를 사용하고 싶다면? → 객체(dictionary)를 사용해야 한다. 그렇다면 객체는 어떻게 생성할까? var word = {'a': 10, 'b': 20, 'c': 30}; // 객체 생성 여기서 'a'는 key를 뜻하고, 10은 value를 뜻한다. 또 객체를 만드는 다른 방법이 있다. var word = {}; word['a'] = 10; word['b..
-
자바스크립트 - 배열JavaScript/기본 2020. 2. 25. 00:27
오늘은 배열에 대해서 정리해보자! 배열(array)이란? 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 그렇다면 배열은 어떻게 생성할까?? 변수 member에 회원정보를 담아보자. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. var member = ['Kim', 'Lee', 'Lim'] 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터를 원소(Element)이라고 부른다. 자 그럼 이 데이터를 꺼내오려면 어떻게 해야 할까? var member = ['Kim', 'Lee', 'Lim'] ale..
-
자바스크립트 - 함수JavaScript/기본 2020. 2. 24. 22:07
오늘은 함수에 대해서 알아보자! 함수란? function 하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 그렇다면 함수의 정의와 호출을 어떻게 할까? 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라온다. 소괄호에 인자하는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수이다. 또, 인자는 생략할 수 있고, 함수를 호출했을 때 실행하게 될 부분이 중괄호 안쪽에 온다. function fun(){ // 함수 정의 i = 0; while(i < 10){ document.write(i); i += 1; } } fun(); // fun이라는 이름의 함수가 호출 함수는 입력과 출력을 어떻게 할까? 바로 return과 인자를 통해서 할 수 있다...
-
자바스크립트 - 반복문JavaScript/기본 2020. 2. 24. 17:15
들어가기에 앞서, 인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 반복문의 문법은 몇 가지가 존재한다. 그것은 바로, while문과 for문이다. while문에 대해서 알아보자. 형식은 아래와 같다. while (조건){ // 반복해서 실행할 코드 } while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true) 면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 단, 반복문에서 종료조건을 잘못 지정하면 무한반..