우아한테크코스의 자바스크립트 스타일 가이드는 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', ..
우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 함수/변수/클래스명 등 이름만 보고 이해할 수 있을 정도로 의미있는 이름으로 명명하고 최대한 주석은 지양해야하지만 꼭 필요한 경우는 적재적소에 사용해야한다 그렇다면 그런 상황이 온다면 어떻게 사용해야 할까 ? 주석 (Comments) 1) 여러 줄에 걸친 주석을 쓸 때는 /** .... */ 을 사용하세요. // bad // make()는 전달된 태그명을 기반으로 // 새로운 요소를 반환한다. // // @param {String} tag // @return {Element} element func..
우아한테크코스의 자바스크립트 스타일 가이드는 Airbnb 자바스크립트 스타일 가이드를 기준으로 하기에 Airbnb 자바스크립트 스타일 가이드 기준을 보고 이해를 바탕으로 필사하였으며 경중에따라 가감하였습니다. 과연 우리가 함수를 사용할 때 올바르게 쓰고 있는지 의문을 가진적이있다. 기명함수? 무기명함수 알고는 있지만 정확히 언제쓰고 어떻게 쓰면 사이드 이펙트가 생길확률이 높은지 등등 함수를 어떻게 하면 효율적으로 사용할 수 있는지 기본적인 것들이 정리되어있어서 참 유용해서 기록을 남겨본다. 1. 함수 1) 함수선언식 대신 기명 함수표현식을 사용하세요 why? 더보기 why? // bad function foo() { // ... } // bad const foo = function () { //... }..
https://school.programmers.co.kr/learn/courses/30/lessons/17677 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 아직 푸는 중이다. 전부 구현했는데 딱 1개 다중집합 구현에서 브레이크가 걸렸다. function solution(str1, str2) { const CONSTANT = 65536 const makeJaccard = (str) =>{ let pickString = str.toLowerCase().split("") let multipleSet = pickString.reduce((acc,..
2022 10월 19일 우아콘 DAY 1이 시작되는 날이다. 사실 배민은 이전부터 관심을 가지고 있었다. 21살때쯤 세바시에서 " 사장이 되는 방법"이라는 주제로 강연을 하신 것을 본적이 있다. 그때 어떤분이 했던 말을 소개시켜주셨는다. 거의 수년동안 내 마인드에 장착되어있는 말이 되었다. 신발 정리하는 일을 맡았따면 신발 정리를 세계에서 제일 잘 할 수 있는 사람이 되어라. 그렇게 된다면 누구도 당신을 신발정리만 하는 심부름꾼으로 놔두지 않을 것이다. - 한큐철도 설립자 고바야시 이치조 어린 21살때 작은일이 주어져도 항상 이 말을 기억하면서 살았다. 알바를 할때도 군대에서도 일할때도 그러고 대부분 정말 놔두지 않고 더 많은 쓰임을 받은 기억이있다. 그래서 지금 생각해보면 참 감사했다. 누군가에는 그냥..
여기서 중요한것은 연산자를 누르면 계산이 완료되게 하는 것이다 그리고 숫자가 나란히 나오도록 하는 것도 중요하다 if문 심화 예를 들어 appendOperator(operator) { if (this.operatorChek) return; if (this.equalsCheck) this.equalsCheck = false; this.displayContent += operator; this.operatorChek = true; this.secondClick = false; this.onlyDisplayContent = ""; } 첫줄은 this.operatorChek 가 true이면 return됨으로 이 function (class안에서는 function안써도 됌 )자체가 끝나버림 빠른 return으로 ..
https://school.programmers.co.kr/learn/courses/30/lessons/42578 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 1) function solution(clothes) { let box =[] let classification = clothes.reduce((acc,cur) =>{ acc[cur[1]] = acc[cur[1]] ? [].concat(acc[cur[1]],cur[1]): [cur[0]] return acc },{}) for (let item in classification) box.p..