https://leetcode.com/explore/interview/card/top-interview-questions-easy/92/array/564/ Explore - LeetCode LeetCode Explore is the best place for everyone to start practicing and learning on LeetCode. No matter if you are a beginner or a master, there are always new topics waiting for you to explore. leetcode.com 현재 날짜의 최대수익을 가지고 있으면된다! /** * @param {number[]} prices * @return {number} */ const m..
참조 타입에 대해 설명해주세요 (feat. obj.method를 할때 자바스크립트에서는 어떤일이 발생할까) https://ko.javascript.info/reference-type 복잡한 상황에서 메서드를 호출하면 this값을 잃어버리는 경우가 있다. let user = { name: "John", hi() {alert(this.name);}, bye() {alert('Bye');} } user.hi(); // John (user.name === "John" ? user.hi : user.bye)(); // Error 마지막 줄에서 조건부 연산자를 사용해서 user.hi나 user.bye중 하나가 호출되도록 했는데, 어떤건 정상적으로 호출이 되었고, 어떤건 에러가 발생했다. user.hi..
모듈이란? feat. 일반스코프와 모듈의차이 모듈은 대개 클래스 하나, 또는 특정한 목적을 가진 여러개의 함수로 구성된 라이브러리로 구성된다. 자바스크립트가 만들어진지 얼마 안되었을 때에는 자바스크립트로 만든 스크립트의 크기도 작고, 기능도 단순했기 때문에 자바스크립트는 긴 세월 동안 모듈 관련 표준 문법이 필요없었다. 그런데 스크립트의 크기가 점차 커지고, 기능도 복잡해지자 자바스크립트 커뮤니티는 특별한 라이브러리를 만들어서 필요한 모듈을 언제든지 불러올 수 있게 해준다거나 코드를 모듈 단위로 구성해주는 방법을 만드는 등 다양한 시도를 하게된다. AMD 가장 오래된 모듈 시스템중 하나로, require.js 라는 라이브러를 통해 처음 개발되었다. CommonJS Node.js 서버를 위해 만들어진 모듈..
Tagged Template Literals (feat. styled-component) styled.button'' 문법은 사실 자바스크립트 자체에 있는 문법이다. (백틱사용) "Tagged Template Literals"라고 불린다. (ES6) styled.button''과 styled.button()은 사실 같은 것이며 보이는 것만 다를 뿐이다. 동작 원리가 어떻게 되는지 파악해보자. const fn = (string, ...value) => { console.log(string); console.log(value); } fn`44${1}22${2}` // [ '44', '22', '' ], [ 1, 2 ] 위 처럼 나온다. string값, ${}값, string값이 반복됨을 알 수 있고, str..
prettier와 eslint의 차이점은 무엇인가요? eslint는 보통 잘못입력한 문법을 자동으로 수정하기 위해서 사용된다. prettier는 팀원간의 코딩 컨벤션을 맞추기 위해서 사용된다. 즉, eslint는 포매팅 기능이 포함되어 있기 때문에 eslint와 prettier를 같이 사용하는 경우에는 충돌이 나게 된다. 따라서, eslint 포메팅 기능을 종료시키고 문법 기능만 사용하게 한다. eslint-config-prettier은 eslint에서 prettier의 포매팅과 겹치는 것을 삭제하고 eslint-plugin-prettier는 eslint에서 prettier의 포메팅 기능을 추가한다. 일반적으로 사용하는 방식이, eslint-config-prettier로 eslint의 기존 포메팅 기능을..
package-lock.json, yarn.lock 은 뭐하는 녀석인가? 프론트엔드 개발자라면 반드시 만나봤을 lock파일.. 이녀석들은 도대체 무엇을 하는 녀석들일까? 이녀석들은 "패키지 잠금 파일"이라고 불린다. 현재 패키지 매니저 현재 자바스크립트에서 사용되고 있는 패키지 매니저에 대해서 간단히 집고 넘어가자. 패키지를 프로젝트에 설치하거나 갱신/삭제하는데 사용되는 도구를 패키지 매니저라고 하는데, 현재 자바스크립트 커뮤니티에는 일반적으로 npm, yarn을 사용하고 있다. 기본적으로 이 2가지 도구들은 패키지 잠금 기능을 지원하고 있는데, npm => package-lock.json yarn => yarn.lock package.json 패키지 관리를 위해 npm을 쓰든, yarn을 쓰든 모든 프..
