본문 바로가기

전체 글

 (154)
[js] Leetcode 70. Climbing Stairs 문제 Climbing Stairs - LeetCode Can you solve this real interview question? Climbing Stairs - You are climbing a staircase. It takes n steps to reach the top. Each time you can either climb 1 or 2 steps. In how many distinct ways can you climb to the top? Example 1: Input: n = 2 Outpu leetcode.com - 계단을 1칸 또는 2칸씩 올라갈 수 있다. n개의 계단을 올라가는 모든 경우의 수를 구하여라 아이디어 1. 초항은 1칸을 오른다. 하나뿐이다. 이항은 1+1, 2로 두 가지로 고..
[컨퍼런스] 23년 점핏 개취콘 후기!!! 점핏 캐발자 취업 콘서트 - 프론트엔드 개발자 이야기가 열렸다!당일날 해야할 일이 있어서 오프라인 참여는 못하고 온라인 참여를 진행하였다. 이 행사를 꼭 참여하려 했던 이유가 네 분 다 프론트쪽에서 너무 유명한 분들이라 꼭 대화를 듣고 싶었다.특히, 여러 웨비나나 강연을 들으러가지만 항상 내가 시간 되는 강연들은 프론트가 아니였는데 온라인으로 지원해줘서 너무 감사해하며 들었다!! 여기서 나는 김태곤님이 해주신 첫 번째 강의가 너무 인상 깊었어서 이 강의를 정리하는 글을 쓰려한다.강연의 주제는 FE 소프트 스킬과 하드 스킬이지만, 신입 개발자에게 해주는 조언들이 더 맞는 거 같았다.하나하나 너무 소중한 조언이었고, 코드 또는 경험과 연관시켜서 설명해주셔서 더 귀에 쏙쏙 들어왔던 거 같다. 유지보수가 쉬운 ..
[js] Leetcode 11. Container With Most Water 문제 https://leetcode.com/problems/container-with-most-water/ Container With Most Water - LeetCode Can you solve this real interview question? Container With Most Water - You are given an integer array height of length n. There are n vertical lines drawn such that the two endpoints of the ith line are (i, 0) and (i, height[i]). Find two lines that toget leetcode.com 서로 다른 높이의 벽이 나열되어 있다. 두 개의 벽을 선..
[js] Leetcode 289. Game of Life 문제 https://leetcode.com/problems/game-of-life/description/ =0 && dx =0 && dy =4 ){ return 0 } } } } if (cnt ===2 && copyBoard[x][y] === 1){ return 1 } if (cnt === 3) { return 1 } return 0 } // const copyBoard = _.cloneDeep(board) // const copyBoard = Array.from(Array(m), () => Array(n).fill(0)) for (let i = 0; i < m; i++){ for (let j =0; j O(n^2)인 거 같다. . ※ 처음에는 빈 2차 배열 만들려했는데, python이 아니니 또 벙져버..
모던 자바스크립트 Deep Dive 18장 : 함수와 일급 객체 아래 조건을 만족하는 객체를 일급 객체라 한다. 1. 무명의 리터럴 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조에 저장이 가능하다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트 함수는 이전 장에서 살펴본 것처럼 이 조건을 모두 만족하므로 일급 객체이다. 함수가 일급 객체라는 것은 함수를 객체와 동일하게 사용 가능하다는 것이다. 그래서, 함수는 값을 사용할 수 있는 곳 어디서든 리터럴로 정의할 수 있으며, 런타임에 함수 객체로 평가된다. 또한, 일급 객체로서 함수가 가지는 가장 큰 특징은 매개변수와 반환값으로 사용이 가능하다는 점이다. 이는 함수형 프로그래밍을 가능케 하는 자바스크립트의 장점 중 하나이다. 함수 객체의 프로퍼티 단..
모던 자바스크립트 Deep Dive 17장 : 생성자 함수에 의한 객체 생성 const person = new Object(); 생성자 함수(construnctor)란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라 한다. 일반적으로, 객체 리터럴 보다 훨씬 불편하지만 비슷한 객체를 여러 개 만들 때는 굉장히 편하다. 단, new 연산자 없이 사용할 경우 생성자 함수가 아닌 일반 함수 호출로 작동하니 유의하자. 생성자 함수의 인스턴스 생성 과정 크게 두 가지로 나눌 수 있다. 인스터스의 생성과 초기화(초기값 할당)이다. function Circle(radius) { this.radius = radius this.getDiameter = function () { return 2 * this.radius; ..
모던 자바스크립트 Deep Dive 16장 : 프로퍼티 어트리뷰트 내부 슬롯과 내부 메서드 이 장을 설명하기 앞서, 내부 슬롯(internal slot)과 내부 메서드(internal method)의 개념을 알아보자. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 EMCAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드이다. [[...]] 처럼 이중 대괄호로 감싸인 이름들이다. 하지만, 내부 슬롯과 내부 메서드는 개발자들이 외부에서 직접 접근할 수 없다. (단, 일부는 간접적으로 접근할 수 있는 수단을 제공한다. const o = {} // 간접 접근 가능 console.log(o.__proto__) //[Object: null prototype] {} // 직접 접근 불가 console.log(o.[[Prototype]]) //..
모던 자바스크립트 Deep Dive 15장 let, const 키워드와 블록레벨 스코프 ES5까지는 var로만 변수를 선언 가능했다. 하지만 이는 독특한 특징이 있어서 문제가 발생하기 쉬웠다. - 변수 중복 선언 가능으로 인한 의도치 않는 값 변경 - 함수 외 모든 var 변수는 전역 변수로 취급되는 점 (함수 레벨 스코프와 전역 객체에 속함으로 인해 발생하는 문제) - 변수 호이스팅에 의해서 undefined가 반환될 수 있는 점 그래서 ES6부터는 let과 const가 도입되었다. let - 변수 중복 선언 금지 (syntax error 발생) - 블록 레벨 스코프 지원 - 호이스팅이 안되는 것 처럼 처리 일시적 사각지대(Temporal Dead Zone)을 통해 에러 방지 위 두 줄은 이전 문서에서 알아봤지만 마지막 줄은 다시 알아보자. console.log(foo); // undef..

티스토리툴바