KassyLog

자바스크립트는 다이나믹 타이핑을 제공하는 언어이기 때문에 원래는 숫자 숫자 연산만 가능하지만 자바스크립트가 알아서 숫자로 변형시킨다. 5 - 3 5 - '3' 프로젝트가 커지면 커질수록 유연성을 제공하는 것은 문제가 될 수 있다. 또한 타입스크립트는 오타 교정처럼 디테일한 에러 디버깅이 가능하다. node.js 최시버전을 설치하고 터미널에 아래 명령어 입력 후 tsconfig.js 파일을 만들고 코드를 작성할 수 있다. npm install -g typescript 또한 브라우저는 자바스크립트만 읽을 수 있기 때문에 타입스크립트로 작성되어 있는 코드는 자바스크립트 코드로 변환시켜줘야 한다. 따라서 터미널에 tsc -w 를 입력하면 아래 사진처럼 자바스크립트 파일이 생기면서 자동 변환이 가능해진다. 변환하..

1. Set를 이용하여 중복 제거 2. filter()를 이용하여 중복 제거 1. Set Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org Set은 중복이 허용되지 않는 객체이다. 안에 이미 같은 값이 존재한다면 추가되지 않는다. 그래서 중복값을 허용하지 않아야 한다면 Set을 이용하면 된다. 아래와 같은 방식으로 Set을 만든다. 값은 배열값이 들어가면 된다. let x = new Set(); let arr = [0, 1, 2, 3, 0] console.log([...new Set(arr)]) // [0, 1, 2, 3] 2. fliter filter를 활용한 중복제거는 inde..

자바스크립트는 프로토타입 기반 객체지향 언어다. 비록 다른 객체 지향 언어와의 차이점에 대한 논쟁이 있긴 하지만 자바스크립트는 강력한 객체지향 프로그래밍 능력을 지니고 있다. 프로토타입 기반 객체 지향 언어는 클래스가 필요없는 객체지향 프로그래밍 언어다. 사실 클래스는 함수이며 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 한느 문법적 설탕이라고 볼 수도 있다. *문법적 설탕: 요약 문법과 의미를 바꾸지 않으면서도 새로운 기능을 기존에 있는 기능으로 표현함으로써 언어에 추가하는 것 클래스는 생성자 함수보다 엄격하며 생성자 함수에서는 제공하지 않는 기능도 제공한다. 1. 클래스를 new 연산자 없이 호출하면 에러가 발행하지만 생성자 함수를 new 연산자 없이 호출하면 일반함수로서 호출..

알고리즘 문제를 풀다보니 문제 해결에 어려움을 겪었던 문제가 있어서 따로 정리해보려한다. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 출력 예시 arr return [4,3,2,1] [4,3,2] [10] [-1] before 아래의 코드는 테스트 코드는 통..

arr.sort([compareFunction]) compareFunction (optional) 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬. 정렬한 배열은 복사본이 아닌 원본 배열이 정렬된다는 것에 유의해야한다. Array.prototype.sort() - JavaScript | MDN sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org arr.sort((a,b)=>a-b) //오름차순 arr.sort((a,b)=>b-a) //내림차순 con..

이 둘은 배열을 이어붙이거나 제거할 때 사용하는 메소드라는 공통점을 가지고 있지만 slice는 "조각"뜻의 명사이고 splice는 "이어붙이다"뜻의 동사인 것처럼 중요한 차이점을 가지고 있다. 바로 원본 배열의 변형과 새로운 배열 반환.! 1. splice ( ) Array.prototype.splice() - JavaScript | MDN splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. developer.mozilla.org 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 원본 배열이 변형된다. array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) start 배열의 변경을 시작할 ..

toString() Object.prototype.toString() - JavaScript | MDN The toString() 은 문자열을 반환하는 object의 대표적인 방법이다 developer.mozilla.org 보통 문자열을 반환하는 object의 대표적인 방법인데 10진수를 다른 진법으로 변환해야할 때 사용하기도 한다. 이때는 기수(radix)를 매개변수로를 갖는데 이때 기수의 값은 최소 2부터 36까지이다. 기수를 이용함으로써 10진수를 (1, 2, 3, 4, 5...) 다른 진수로 변환할 수 있으며 아래는 10진수를 2진수로 변환하는 예제이다. let num = 10; console.log(num.toString(2)); // "1010": 10진수를 2진수로 변환 parseInt() ..

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. this는 자바스크립트 엔진에 의해 암묵적으로 생성되며, 코드 어디서든 참조할 수 있다. 함수 내부에서 arguments 객체를 지역 변수처럼 사용할 수 있는 것처럼 this도 지역 변수처럼 사용할 수 있다. 단, this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. 함수 호출 방식과 this 바인딩 this 바인딩은 함수 호출 방식, 즉 함수가 어떻게 호출되었는지에 따라 동적으로 결정된다. 💡렉시컬 스코프와 this 바인딩은 결정 시기가 다르다. 함수의 상위 스코프를 결정하는 방식..