WEB/JavaScript
-
2021-04-04 자바스크립트에서 문자열을 다루는 몇 가지 메서드가 존재하는데, 오늘은 문자열(String)을 다루는 메서드에 대하여 알아보자. - length length 변수는 문자열의 총 길이를 확인할 수 있는 메소드로써 공백 문자도 하나의 문자로 인식에 동작한다. 아래의 예제 코드를 보자. Hello World 예제 코드의 text는 문자열길이를 확인하기 위해 length 메서드로 콘솔 창에 출력해 보면 27이 출력되는 것을 확인할 수 있다. - indexOf("문자열") indexOf는 매개값으로 넣어준 문자열이 포함되어 있는지 확인한 후 해당 문자열의 시작 위치를 리턴한다. 아래의 예제를 보자. Hello World text에는 두개의 Hello가 포함되어 있는데, indexOf 메서..
[JavaScript] JS String(문자열) 메소드 알아보기.2021-04-04 자바스크립트에서 문자열을 다루는 몇 가지 메서드가 존재하는데, 오늘은 문자열(String)을 다루는 메서드에 대하여 알아보자. - length length 변수는 문자열의 총 길이를 확인할 수 있는 메소드로써 공백 문자도 하나의 문자로 인식에 동작한다. 아래의 예제 코드를 보자. Hello World 예제 코드의 text는 문자열길이를 확인하기 위해 length 메서드로 콘솔 창에 출력해 보면 27이 출력되는 것을 확인할 수 있다. - indexOf("문자열") indexOf는 매개값으로 넣어준 문자열이 포함되어 있는지 확인한 후 해당 문자열의 시작 위치를 리턴한다. 아래의 예제를 보자. Hello World text에는 두개의 Hello가 포함되어 있는데, indexOf 메서..
2021.04.04 -
2021-04-03 자바스크립트 내부에서 정렬을 할 수 있도록 도와주는 메서드가 있다. 해당 메서드는 sort() / reverse()로 두 메서드의 기능을 알아보도록 하자. - sort () sort() 메소드는 오름차순 기준으로 정렬을 수행하며, 수행 시 알파벳의 경우 a에 가까울수록 배열의 앞에 숫자의 경우 0에 가까울수록 배열의 앞에 위치하게 된다. 아래는 예제 코드이다. Hello World 정렬 전과 정렬 후를 비교하면 아래와 같은 결과가 나타난다. - reverse() 내림 차순으로 정렬하고자하면 reverse()라는 메서드를 사용하면 된다. 다만 해당 메서드는 문자열의 순서가 아닌 배열의 순서 인덱스 순서를 기준으로 위치를 뒤바꾸기 때문에 먼저 sort() 메서드로 오름차순 정렬을 해준..
[JavaScript] JS Arrays sort() / reverse() 메소드 알아보기2021-04-03 자바스크립트 내부에서 정렬을 할 수 있도록 도와주는 메서드가 있다. 해당 메서드는 sort() / reverse()로 두 메서드의 기능을 알아보도록 하자. - sort () sort() 메소드는 오름차순 기준으로 정렬을 수행하며, 수행 시 알파벳의 경우 a에 가까울수록 배열의 앞에 숫자의 경우 0에 가까울수록 배열의 앞에 위치하게 된다. 아래는 예제 코드이다. Hello World 정렬 전과 정렬 후를 비교하면 아래와 같은 결과가 나타난다. - reverse() 내림 차순으로 정렬하고자하면 reverse()라는 메서드를 사용하면 된다. 다만 해당 메서드는 문자열의 순서가 아닌 배열의 순서 인덱스 순서를 기준으로 위치를 뒤바꾸기 때문에 먼저 sort() 메서드로 오름차순 정렬을 해준..
2021.04.03 -
2021-04-02 배열은 js 변수에 여러 가지 값을 저장할 수 있도록 하는 데이터 형태이다. 이러한 배열을 대하여 알아보도록 하자. 예제로는 사람의 이름을 저장하는 name라는 배열을 만들어 사용할 것이다. - 선언 방법1. 변수에 바로 배열 대입하기 배열을 선언 시 [ ]로 각 항목을 감싸주어 선언을 하면 된다. 배열에서 시작 값은 항상 0부터 시작하는 점도 알아두자. Hello World 방법 2. new Array( ) 연산자를 이용한 선언 사실 방법 2는 잘쓰지 않는다. 그 이유는 아무래도 코드에서 작성하는 양이 늘어나고, 실제 동작은 차이가 없기 때문이다. Hello World - 배열에 요소에 접근하는 방법 선언된 배열에 ["인덱스 번호"]를 주는 방식으로 각 인덱스에 접근할 수 있..
[JavaScript] JS Arrays 배열에 대하여 알아보기2021-04-02 배열은 js 변수에 여러 가지 값을 저장할 수 있도록 하는 데이터 형태이다. 이러한 배열을 대하여 알아보도록 하자. 예제로는 사람의 이름을 저장하는 name라는 배열을 만들어 사용할 것이다. - 선언 방법1. 변수에 바로 배열 대입하기 배열을 선언 시 [ ]로 각 항목을 감싸주어 선언을 하면 된다. 배열에서 시작 값은 항상 0부터 시작하는 점도 알아두자. Hello World 방법 2. new Array( ) 연산자를 이용한 선언 사실 방법 2는 잘쓰지 않는다. 그 이유는 아무래도 코드에서 작성하는 양이 늘어나고, 실제 동작은 차이가 없기 때문이다. Hello World - 배열에 요소에 접근하는 방법 선언된 배열에 ["인덱스 번호"]를 주는 방식으로 각 인덱스에 접근할 수 있..
2021.04.02 -
2021-03-21 자바스크립트 내부에서 변수를 선언하는 키워드 let과 var 이 존재한다. 해당 두 키워드는 변수를 선언하는 측면에서는 비슷하다. 때문에 둘을 비교하는 경우가 많은데, 오늘은 이둘의 기능적인 측면에서의 차이점을 비교하면서 알아보자. - 선언 변수 선언은 두 키워드 차이가 없다. 또한 var 와 let으로 선언된 변수는 호이스팅이 적용되기 때문에 아래와 같이 변수명만 선언하는 것도 가능하다. var num1 let num2 console.log(num1) console.log(num2) num1 = 10 num2 = 20 - 블록스코프(Block Scope) 블록 스코프에서는 조금에 차이가 있다. 아래의 코드를 보자. 위와 같이 블록 내부에서 각 키워드 변수들을 100 / 200으로 값..
[JavaScript] JS 변수 키워드 let 과 var 알아보기2021-03-21 자바스크립트 내부에서 변수를 선언하는 키워드 let과 var 이 존재한다. 해당 두 키워드는 변수를 선언하는 측면에서는 비슷하다. 때문에 둘을 비교하는 경우가 많은데, 오늘은 이둘의 기능적인 측면에서의 차이점을 비교하면서 알아보자. - 선언 변수 선언은 두 키워드 차이가 없다. 또한 var 와 let으로 선언된 변수는 호이스팅이 적용되기 때문에 아래와 같이 변수명만 선언하는 것도 가능하다. var num1 let num2 console.log(num1) console.log(num2) num1 = 10 num2 = 20 - 블록스코프(Block Scope) 블록 스코프에서는 조금에 차이가 있다. 아래의 코드를 보자. 위와 같이 블록 내부에서 각 키워드 변수들을 100 / 200으로 값..
2021.03.21 -
2021-03-20 자바스크립트 내부에서 변수를 선언하는 키워드 중에 const가 존재한다. 해당 키워드는 변수 선언 시 초기화해야 하며, 이후에는 값을 부여할 수 없다. - 선언 방법 사실 일반변수 var 키워드와 같이 선언하는 방식은 동일하나 선언과 동시에 초기화를 시켜주어야 한다. 선언과 동시에 초기화해주지 않으면 브라우저 console 창에 아래와 같이 오류가 발생한다. 때문에 호이스팅도 불가한 점도 참고하면 좋을 것 같다. Uncaught SyntaxError: Missing initializer in const declaration - 블록 스코프(Block Scope) 위와 같이 const 변수를 블록 내부에서 선언했다면, 해당 선언된 블록 내부에서만 접근이 가능하며, 블록 이외의 영역에서는..
[JavaScript] JS 변수 키워드 const 알아보기2021-03-20 자바스크립트 내부에서 변수를 선언하는 키워드 중에 const가 존재한다. 해당 키워드는 변수 선언 시 초기화해야 하며, 이후에는 값을 부여할 수 없다. - 선언 방법 사실 일반변수 var 키워드와 같이 선언하는 방식은 동일하나 선언과 동시에 초기화를 시켜주어야 한다. 선언과 동시에 초기화해주지 않으면 브라우저 console 창에 아래와 같이 오류가 발생한다. 때문에 호이스팅도 불가한 점도 참고하면 좋을 것 같다. Uncaught SyntaxError: Missing initializer in const declaration - 블록 스코프(Block Scope) 위와 같이 const 변수를 블록 내부에서 선언했다면, 해당 선언된 블록 내부에서만 접근이 가능하며, 블록 이외의 영역에서는..
2021.03.20