JavaScript
-
자바스크립트 - 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는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 단, 반복문에서 종료조건을 잘못 지정하면 무한반..
-
자바스크립트 - 조건문JavaScript/기본 2020. 2. 24. 15:50
조건문의 문법을 알아보도록 하자! 조건문이란? 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것을 의미한다. if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. if(true){ alert('결과 : true'); } 조건이 참이면, 경고창이 뜨고 if(false){ alert('결과 : false'); } 조건이 거짓이면, 경고창이 뜨지 않을 것 이다. else if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. if(true){ alert(1); } else { alert(2); } 조건이 참이기 때문에, if의 중괄호 구간이 실행되고 1이라는 경..
-
자바스크립트 - 비교JavaScript/기본 2020. 2. 20. 23:32
오늘은 자바스크립트의 비교 연산자에 대해서 알아보려고 한다. 자! 여기서 연산자란? → 값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호이다. 우리는 이전에 이미 연산자를 사용했다. 그것은 바로 a에 1을 넣게 해주는 대입 연산자이다. a = 1 // 대입 연산자 1 = 2 // 1에 2를 대입할 수 없기 때문에, 이러한 경우를 상수라 한다. 그러면 프로그래밍에서 비교란 무엇인가? → 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. 이때 비교 연산자를 사용하는데 비교 연산자의 결과는 true / false 중 하나이다. true는 비교 결과가 참이라는 것을 뜻하고. false는 거짓을 의미한다. 또, true와 false는 boolean이라는 데이터 형식을 지니고 있다. 그..