이상과현실

주어진 배열에서 숫자의 중복횟수를 배열로 반환하는 문제 내 풀이 설명 1. spread연산자로 복사한 뒤 sort를 이용해 매개변수로 주어진 배열의 숫자를 순서대로 배치한다. 2. 반복문으로 배열요소의 앞 뒤가 같으면 카운트를 센다. 3. 배열요소의 앞뒤가 다르고 count가 1보다 크면(중복횟수가 1보다 큼) answer배열에 count를 넣은 뒤 count를 초기화 한다. 그럼 정답이 (3) [3, 2, 3]가 나온다. 정답1 분석 내 풀이와 다르게 Map, Set을 사용했다. 정답 2와 다른 점은 countOf 함수와 solution 함수를 나누어서 해결했다는 점이다. 한 함수는 한가지 역할만 하라는 클린코드 원칙에 맞게 풀이 되어서 내 코드에도 참고해야겠다는 생각이 들었다. 특히 이 1번 풀이는 ..

https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/ Explain the First 10 Lines of Twitter's Source Code to Me | CSS-Tricks A question I always like to ask when interviewing a front-end candidate is: "Explain the first ten or so lines of the Twitter source code to me." css-tricks.com css-trick을 보던 중 흥미로운 글이 있어서 정리용으로 씁니다. 이 캡쳐를 바탕으로 1~11번 줄이 무엇을 의미하는지 설명하는 포스팅이에요. 글 요약 Line ..

빅오표기법은 알고리즘의 시간 복잡도를 나타내는 표기법 아래와 예시와 같이 for문이 1번만 돌면 O(n) 이중for문으로 쓰이면 O(n^2) 시간 복잡도(알고리즘의 복잡도)를 비교하자면 O(1) < O(logn) < O(n) < O(nlogn) < O(n^2) < O(2^n)등의 순서로 복잡하다. 선생님에게 보이는 학생의 수를 구하는 알고리즘 for문을 중첩해서 구할 수 도 있겠으나 max라는 변수를 만들어서 한번만 루프를 돌리는게 더 낫다. n과 관련된 그 어떤 변수를 루프 안에 쓰더라도, 루프가 하나라면 O(n)으로 나타내면 된다 출처: https://holika.tistory.com/29 [Uing? Uing!!]

promise를 사용하는 이유 비동기적인 작업을 처리할 때 그 작업이 성공했는지 실패했는지를 표준화된 방식을 이용해서 처리할 수 있게 해준다. 성공했을 땐 .then / 실패했을 땐 .catch fetch('https://jsonplaceholder.typicode.com/todos/1') .then(response => console.log('response', response.json)) .catch(reason => console.log('reason', reason)) response.json를 통해 데이터가 json 타입이라는 것을 자바스크립트에게 알려줌. promise 사용하는 2가지 방법 1. nested promise promise then 안에서 또 then을 사용하는 방식 2. prom..

First class citizen : 1급 시민(=1급 객체)이 되기 위한 조건 - 값 예시) 1, 함수 자바스크립트에서 함수는 값이 될 수 있다 함수가 다른 함수의 리턴 값이 될 수 있다면 그 언어는 함수를 1급 시민으로 대우하는 것 모던 자바스크립트 딥 다이브에 따르면, 값(value) : 식(표현식)이 평가 되어 생성된 결과 리터럴(literal) : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 표현식(expression) : 값으로 평가될 수 있는 문 문(statement) : 프로그램을 구성하는 기본 단위이자 최소 실행 단위 토큰(token) : 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소 로 정리할 수 있다. 함수가 값이 될 수..

함수의 유효범위가 달라지는 스코프 동적 스코프 : 함수가 호출된 위치에 따라 정의됨 정적 스코프 (=렉시컬 스코프) : 함수가 정의된 위치에 따라 정의됨 자바스크립트는 정적 스코프를 채택함 클로저(폐쇄하다,동봉하다) : 함수를 함수 안에 정의하면 그 함수의 부모 함수의 스코프에 접근할 수 있다. 출처: https://youtu.be/bwwaSwf7vkE

closure 개념을 이해를 못했는데, 이렇게 개발자도구를 이용하여 function을 만들고 가시적으로 보니까 이해가 쉬웠다. mdn에 보면 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. 라고 하는데, 말이 너무 어려워 이해가 잘 안된다. 간단하게, call stack : 현재 실행되고 있는 함수 표시 (Execute context가 쌓이는 곳) 비유하자면 call stack은 폴더, scope은 파일 anonymous : 함수 바깥(전역공간)에서 실행되고 있는 것 (global execute context) fn, fn2 : function execute context s..

구글의 수석 디자이너 김은주님이 쓴 책이다. 이 책은 세가지로 요약할 수 있다. 살아남기 위한 방법 3가지 1. 아님말고 정신으로 도전해라 2. 문제 발견 - 문제 정의(구체화) - 문제 해결 과정을 통해 기술자가 아닌 문제 해결자가 되자. 3. 요구(가성비)와 욕구(가치) 사이에서 나만의 가치를 찾아 욕구를 충족시키는 사람이 되어라. 책에서 인상적이었던 부분 p.317 가성비 경쟁을 하다보면 개미 지옥에 빠지기 쉽다. 나보다 스펙이 더 좋은 사람이 나올까 늘 불안하고, 다른 것으로 대체되지 않을까 초조하고, 내 가성비의 효용 가치는 어디까지일까 전전긍긍하게 된다. 부디 가치의 영역으로 들어가길 빈다. 나만의 희소가치, 나만의 스토리,나의 진정성과 나의 가치를 발견하고 만들어가는 일에는 깊은 성찰과 수많..