전체 글

effective Javascript를 읽다가 declare를 제대로 알지 못하여 이에 대해 검색해보았다. 그러다가 알게된 것들이 많아 이렇게 정리하게 되었다. (그 궁금증으로 인해 엄청난 시간이 소요되었다. ㄷㄷㄷ) 우리가 일반적인 자바스크립트 환경에서는 두 개의 JS파일을 같이 사용하고자 한다면 아래처럼 해도 된다. // data.js const a = 10; // index.js console.log(a + 5); // index.html "hi" 이런식으로 해도 정상적으로 작동한다. 하지만 js와 ts를 같이사용한다면 ? // data.js const a = 10; // index.ts console.log(a + 5); // index.html "hi" // ts를 컴파일한 js파일 ( tsc ..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(msg) { const result = matchAlphabet(msg); return result; } function matchAlphabet(string, result = [], alphabetIndex = GenerateAlphabetIndex()) { if (alphabetIndex.has(string)) { result.push(alphabetIndex.get(string)); return result; } let index = 0; let hasIndex..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(n, k) { const number = n; const antilogarithm = k; const changeAntilogarithm = number.toString(antilogarithm); let numbersWithoutZero = ''; const result = [...changeAntilogarithm].reduce((acc, cur, index, arr) => { if (cur !== '0') numbersWithoutZero += cur; if (..

나의 풀이 더보기 function solution(priorities, location) { if(priorities.length === 1) return 1 let num = 0 const sample = priorities.reduce((acc,cur,index,arr) => { const max = Math.max(...arr) if (max === cur || acc.filter(x => Object.values(x).includes(max))[0]){ acc.splice(num,0,{[index]:cur}) num += 1 return acc } acc.push({[index] : cur}) return acc },[]) const newArray = filtering(sample) const ..

위 내용은 카카오 엔터테인먼트의 FE개발팀 coze님의 을 보고 정리한 글 입니다. 목차 1. 정확한 단어 고르기 1-1. 다른 뜻을 가진 단어와 구분하기 1-2. 보다 구체적인 단어로 바꾸기 1-3. 정확하지 않아도 좋은 경우 2. 잘 보이는 형태로 작성해보기

위 내용은 카카오 엔터테인먼트의 FE개발팀 coze님의 을 보고 정리한 글 입니다. 우테코 프리코스를 하면서 정말많이 힘들었던 것 중에 하나가 함수명/변수명/클래스명등 이름짓기이다. "의도가 분명하게 이름을 지으라" 말을 정말 쉽다. 현역 개발자들도 이름짓기가 평생의 숙제만큼 어려우니 나는 어떠하겠는가 하지만 계속 좋은 이름을 접하고 코드리뷰를 받고 다른 코드를 보며 배워야한다. 그렇게 배우기 위해 좋은 영상이 있어서 정리를 해보았다. 목차 1. 정확한 단어 고르기 1-1. 다른 뜻을 가진 단어와 구분하기 expirationDate remainDuration / totalDuration; 그러면 이..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 처음 프로젝트 시작하기전 module.exports를 오랜만에봐서 정말 생소했다. 원래 import / default export 만써서 그런 것 같다. 그래서 이틀전에 module에 대해 다시한번 정리하니 확실히 이해가 잘 되었고 그 이해한 상태에서 style guide를 보니 훨씬 편했다. Module 정리 모듈 (Modules) 1) 항상 모듈(import/ export)을 비표준 모듈 체계 대신 사용하세요. 언제든 선호하는 모듈 시스템으로 트랜스파일할 수 있습니다. why? 모듈은 미래입니다..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 클래스 & 생성자 (Classes & Constructors) 1) prototype 을 직접 조작하는것을 피하고 항상 class 를 사용하세요. 왜? class 구문은 간결하고 의미를 알기 쉽기 때문입니다. // bad function Queue(contents = []) { this.queue = [...contents]; } Queue.prototype.pop = function () { const value = this.queue[0]; this.queue.splice(0, 1); retur..

우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 객체(Objects) 1) 객체를 생성할 때는 리터럴 문법을 사용하세요. // bad const item = new Object(); // good const item = {}; 2) 동적 속성을 갖는 객체를 생성할 때는 속성 계산명을 사용하세요. why? 이렇게 하면 객체의 모든 송석을 한 곳에서 정의할 수 있습니다. function getKey(k) { return `a key named ${k}`; } // bad const obj = { id: 5, name: 'San Francisco', ..