목록2018/04 (45)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열과 문자열에서 사용가능한 메서드인 slice 메서드에 대해서 알아보도록 하겠습니다. slice 메서드는 단어에서 의미를 유추해 볼 수 있듯이 배열이나 문자열의 원소를 잘라내 추출하는 것입니다.먼저 표현식부터 살펴보겠습니다. arr/str.slice([beginIndex][, endIndex])배열이나 문자열에서 사용하는 메서드이며 파라메터로는 beginIndex 와 endIndex 가 옵니다.beginIndex 는 말 그대로 슬라이스를 시작하는 인덱스 번호를 의미합니다.배열과 문자열 공통으로 0부터 시작하는 인덱스를 의미합니다.* beginIndex 값이 생략되면 0 부터 슬라이스 하겠다는 의미입니다.* beginIndex 값이 음수라면 배열이나 문자..
죠>안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 비구조화 할당, destructuring assignment에 대해서 알아보겠습니다. 비구조화 할당 이라는 말이 쉽게 이해되는 말은 아니라고 생각합니다.간단히 말하자면 배열이나 객체의 요소를 해체하여 별개의 변수로 추출할 수 있도록 하는 것입니다.이 말도 와닿지 않으신가요? 괜찮습니다. 코드를 통해서 살펴보도록 하죠. var a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20위의 코드의 첫 줄에서 변수 a, b, rest를 선언했습니다. (선언만 하고 아직 할당하지 않은 상태)그리고 두 번째 줄에서 이름 없는 배열 두 개가 같다고 표현했습니다.왼쪽 항에 있는 배열은 a,..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 이번에 구입한 "올쏘 접이식 볼라텍스 매트리스"에 대한 리뷰를 해 볼까합니다. 원래 저는 침대에서 잠을 잡니다.그런데 한 보름 전에 집 정리를 하면서 제 침대를 어머니께 드리고 바닥생활을 시작했는데요, 이게 생각처럼 녹록치가 않더군요...어렸을때, 군대에서는 거의 맨바닥에서 생활해도 아무렇지 않았는데 이제는 허리가 아파서 잠이 안오더군요...잠이 안와 늦게 잠들게 되고, 깊게 잠들지 못해 아침이 너무 힘들어 지기 시작했습니다... 일단 제 방 사진부터 보시겠습니다. 문쪽에서 바라본 모습입니다. 반대쪽에서 바라본 모습입니다. 저기 벽쪽에 붙어있는 이불들을 펴서 깔고 자고 있었습니다. 이렇게 말이죠. 두툼한 이불을 두 장 모두 바닥에 깔고, 심지어 위의 이불..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 원소를 삭제하거나 삭제하고 새로운 원소들을 추가하는 메서드인 splice 메서드에 대해서 알아보겠습니다. 표현식은 다음과 같습니다. array.splice(start) array.splice(start, deleteCount) array.splice(start, deleteCount, item1, item2, ...)splice의 메서드의 인자로 들어오는 값은 차례로 start, deleteCount, items 입니다. start는 삭제할 배열의 요소의 index 번호를 의미합니다.그리고 뒤에 나오는 deleteCount 인자는 start 부터 몇 개의 요소를 삭제할지 결정하는 숫자입니다.즉, start 인덱스부터 deleteCount 갯수만큼 ..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 method shorthand에 대해서 알아보겠습니다. 표현식부터 살펴보도록 하겠습니다. // 단축 메서드명 (ES6) var o = { property([parameters]) {}, get property() {}, set property(value) {}, * generator() {} };위와 같이 객체 안에서 메서드를 지정할 때 function을 생략할 수 있습니다. 이해를 돕기위해 예제를 살펴보겠습니다. 1234567891011var obj = { add: function (a, b){ return a+b; }, mult: function (a, b){ return a*b; }} console.log(obj.add(10, 5)); //..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 computed property name에 대해서 알아보겠습니다. computed property name 는 객체의 key값을 표현식(변수, 함수 등을 이용)을 통해 지정하는 것입니다.사용법은 아래와 같습니다. var i = 0; var a = { ["foo" + ++i]: i, ["foo" + ++i]: i, ["foo" + ++i]: i };위에서 본 것과 같이 속성명에 표현식을 사용하려면 대괄호("[ ]") 안에 표현식을 쓰면 됩니다.표현식은 위에서와 같이 변수가 들어올 수도 있고, 함수가 들어올 수도 있습니다. 변수가 프로퍼티의 키로 들어오는 예제에 대해서 살펴봅시다. 12345678910var name1 = "장동건";var name2..
안녕하세요, 프로독학러 입니다. 오랜만에 러닝 카테고리에 글을 쓰게 됐네요. 마지막으로 쓴 글에서 무릎이 아파 당분간 러닝을 쉬어야겠다고 했었는데요,오늘 저번에 구입한 쿠션화를 테스트 해 볼겸 가볍게 뛰고 왔습니다. 밖으로 나가서 뛰기 전에 역시 확인해 봐야 할 것은 미세먼지 농도... 미세먼지의 농도는 48로 '보통' 이었기에 꼬까신을 신고 밖으로 나왔습니다. (구입하고 처음 뛰게 되는거구나. 너도 설레니?) 오늘 날씨는 정말 좋았습니다. 저는 평소와 마찬가지로 장자호수공원(장자못 공원)을 뛰었습니다.요 며칠새 비도 오고 바람도 많이 불어 벚꽃이 다 졌을 줄 알았는데 왠걸요, 이렇게 벚꽃이 만개했네요! 햇빛도 좋고 미세먼지도 좋고 정말 뛰거나 산책하기 좋은 날이 아닌가 싶네요.매일 오늘 같으면 좋겠어요..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 filter 메서드에 대해서 알아보도록 하겠습니다.filter 메서드는 메서드의 이름과 같이 배열의 원소들 중 조건에 만족하는 원소들을 필터링 하는 메서드 입니다. 표현식부터 살펴보겠습니다. var new_array = arr.filter(callback[, thisArg])filter 메서드의 인자로는 콜백함수와 생략가능한 thisArg 값이 들어옵니다.콜백함수는 기존의 배열에서 필터링을 할 수 있도록 하는 함수입니다.이 함수의 인수는 element, index, array 입니다. 각각 배열의 원소, 해당 원소의 index값, filter 메서드를 행하는 대상 배열입니다.세 인수 중 index와 array는 생략이 가능합니다.filter 메서드..
안녕하세요, 프로독학러 입니다. 오늘은 배열과 문자열에서 사용 가능한, 검색을 위한 메서드인 indexOf 메서드에 대해서 알아보도록 하겠습니다. 먼저, 표현식부터 살펴 보겠습니다. arr/str.indexOf(searchElement/searchValue[, fromIndex])메서드의 첫 번째 인자로는 검색할 대상이 들어옵니다.(배열일 경우 검색할 엘리먼트, 문자열일 경우 검색할 문자)그리고 생략 가능한 두 번째 인자는 검색을 시작할 index입니다.만약 배열이라면 배열의 index값 (0 부터 시작해서 하나씩 증가)을 의미하며,문자열이라면 문자열 각각의 문자 하나하나를 의미합니다. (마찬가지로 첫 번째 글자부터 0, 1, 2, 3 ...) indexOf 메서드의 리턴값은 배열일 경우에 검색된 엘리먼..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 원소를 정렬하는 메서드인 sort 메서드에 대해서 알아보도록 하겠습니다. 표현식은 다음과 같습니다. arr.sort([compareFunction])sort메서드의 인자로는 배열의 원소를 비교하는 함수가 들어옵니다.만약 함수가 생략되면 각 문자의 유니코드 포인트 값에 따라 정렬됩니다.*유니코드 값에 대한 설명 - 네이버 지식백과 만약 함수가 생략되지 않는다면 compareFunction은 두 개의 인자를 받습니다.각각의 인자는 배열안의 비교대상인 a와 b입니다.그리고 sort 메서드의 정렬되는 기준은 compareFunction의 리턴값이 양수, 음수, 0 이냐에 따라 달라집니다. 이를 예제와 함께 알아보도록 하겠습니다. 12var arr = [2..