본문 바로가기
728x90
반응형

JavaScript25

[자바스크립트-배열] 모든 값을 0으로 가지는 배열 만들기 Array.from()을 사용하면 원하는 길이의 값을 모두 0으로 만들 수 있다. let test = Array.from({length: 5}, () => 0); console.log(test); / [0, 0, 0, 0, 0] 참고자료 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from 2023. 2. 3.
[자바스크립트] 재귀함수와 스택 프레임(Stack Frame) 알고리즘을 풀다보면 항상 나를 괴롭혔던 재귀함수! 이제는 정말 쉽게 풀어보고 싶은 마음에 재귀함수 문제를 연습하다가 스택 프레임에 대해 여지까지 제대로 알지 못했다는 내 자신을 발견하고 정리를 해두려고 한다. 스택 프레임(Stack Frame) 스택 영역: 함수의 호출과 관계되는 지역 변수, 매개 변수가 저장되는 영역이다. 함수가 호출되면서 할당되고, 함수가 종료되면 소멸된다. 스택 프레임: 함수가 호출되면 스택에 함수의 지역 변수, 매개 변수, 복귀 주소 등이 입력된다. 스택 영역에 저장되는 함수의 정보가 스택 프레임이다. 예제 간단한 재귀함수를 이용한 예제를 가져왔다. function solution(n) { function DFS(L) { if (L === 0) return; else { DFS(L.. 2023. 2. 3.
Airbnb 컨벤션에 따라 ESLint 설정하기 설치 순서 1. npx install-peerdeps --dev eslint-config-airbnb peerdeps 명령어를 사용함으로써 airbnb 설치시 필수 플러그인들이 설치된다. 2. eslint-config-airbnb를 사용하기 위한 dependencies를 확인해보고, 이를 다운로드 한다. npm info "eslint-config-airbnb@latest" peerDependencies 3.그리고 typescript를 적용시켜주기 위해 npm install -D eslint-config-airbnb-typescript 한다. 4. .eslintrc.js 파일에 설치한 airbnb JS style을 적용하기 위해 아래의 코드를 추가해준다. extends: [ 'airbnb', // ... .. 2023. 2. 2.
[자바스크립트-객체] 객체 키를 동적으로 할당하는 법(computed property) computed property 객체의 key 속성명을 표현식(변수, 함수 등)을 통해 지정하는 문법이다. 기존에는 객체를 만들 때 정해진 이름의 속성명을 사용해 왔지만, ES6부터는 computed property를 사용하여 객체를 선언하는 순간에 변수를 활용하여 동적인 프로퍼티명을 할당할 수 있다. let age = '27'; let a = { name: 'judy', [test]: 27 // computed property } console.log(a) // {name: 'judy', age: 27} 객체의 key 속성명을 변수로 지정하는 법 객체의 프로퍼티에 접근하는 방법은 2가지(a.name, a ['name'])가 있지만, 변수로 키를 지정해 줬을 때 접근할 수 있는 방법은 3가지가 있다. l.. 2023. 2. 1.
[자바스크립트-객체] 객체의 값을 기반으로 키를 정렬하는 법 아래와 같은 객체가 있다고 가정을 해보고, 객체의 값이 큰 순서대로 정렬된 키를 결과로 얻고 싶을 때는 어떻게 해야할까? 코딩테스트를 연습하다가 정리를 해보면 좋을 거 같아서 작성해보았다. const obj = { '1': 1, '2': 3, '3': 4, '4': 2 } 2가지 방법 1. for in문을 활용하여 새로운 array를 다시 만드는 방법 for in문을 활용하여 객체의 키와 값으로 새로운 배열을 만들고, 그 배열을 sort하는 방법이 있다. let sortArray = []; for (let key in obj) { sortArray.push([key, obj[key]]); } console.log(sortArray); // [ [ '1', 1 ], [ '2', 3 ], [ '3', 4 ].. 2023. 1. 31.
728x90
반응형

티스토리툴바