본문 바로가기
728x90
반응형

JavaScript186

[코어 자바스크립트] 6장 프로토타입 들어가며 👉 자바스크립트는 프로토타입(prototype) 기반 언어이다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(프로토타입)으로 삼아 이를 복제(참조)함으로써 상속과 비슷한 효과를 낸다. 01 프로토타입의 개념 이해 6-1-1 constructor, prototype, instance ❕ 위 그림을 이해하면 프로토타입은 끝이다! 👉 위 코드와 그림의 흐름을 따라가자면 아래와 같다. 어떤 생성자 함수(Constructor)를 new 연산자와 함께 호출하면 Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스(Instance)가 생성됨. 이때 Instance에는 __proto__(dunder proto, 던더 프로토)라는 프로퍼티가 자동으로 부여되.. 2022. 12. 6.
[프로그래머스] level 4 무지의 먹방 라이브(파이썬/자바스크립트) 이번 글은 '이것이 취업을 위한 코딩테스트다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 이번 문제는 아래 링크에 접속해서 풀어볼 수 있습니다. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 정답 코드 파이썬 Ver. 해답 1 해답 2 자바스.. 2022. 11. 30.
[코어 자바스크립트] 5장 클로저 01 클로저의 의미 및 원리 이해 🤔 클로저란? 👉 다양한 서적에서 클로저를 한 문장으로 요약 설명한 것을 소개하자면 다음과 같다. 👉 MDN(Mozilla Developer Network)에서는 클로저를 "A closure is the combination of a function and the lexical environment within which that function was declared."라고 소개한다. 👉 "선언될 당시의 lexical environment"는 실행 컨텍스트 구성 요소 중 outerEnvironmentReference에 해당한다.(LexicalEnvironment 및 실행 컨텍스트에 대해서는 다음 글 참조.) 👉 컨텍스트 A에서 선언한 내부함수 B의 실행 컨텍스트가 활성.. 2022. 11. 29.
[이코테] 그리디_볼링공 고르기(파이썬 python) 이번 글은 '이것이 취업을 위한 코딩테스트다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 문제 정답 코드 나의 풀이 Python Ver. 나의 풀이 JavaScript Ver. 풀이Python Ver. 풀이 JavaScript Ver. 문제 풀이 내 경우 입력값 배열을 차례대로 탐색하며 확인 중인 값과 그 다음 값이 다를 경우 cnt를 1증가하는 식으로 코드를 짰다. 처음에는 놓쳤는데 문제를 다시.. 2022. 11. 29.
[이코테] 그리디_만들 수 없는 금액(파이썬/자바스크립트) 이번 글은 '이것이 취업을 위한 코딩테스트다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 문제 정답 코드 나의 풀이 풀이 1 파이썬 Ver. 자바스크립트 Ver. 문제 풀이 문제 해설부터 말하자면 입력값을 오름차순으로 먼저 정렬한다. 그 다음 입력값이 작은 것부터 확인하며 현재 확인하는 값으로 target 금액을 만들 수 있는지 확인한다. 즉 현재 확인하는 값이 target 금액 이하인지만 판별하.. 2022. 11. 29.
[코어 자바스크립트] 4장 콜백 함수 01 콜백 함수(callback function)란? 👉 다른 함수 또는 메서드의 인자로 할당하면서 제어권도 함께 위임한 함수. 👉 어떤 함수 X를 호출하면서 '특정 조건일 때 콜백 함수 Y를 실행해서 나에게 알려달라'는 요청을 함께 보냄. 이후 함수 X는 해당 조건이 충족되는지 내부 로직으로 판단하여 콜백 함수 Y를 직접 호출함. 02 제어권 4-2-1 호출 시점 👉 setInterval 메서드의 구조는 위와 같다. 우선 scope에는 Window 객체 또는 Worker의 인스턴스가 들어오는데 일반적인 브라우저 환경에서는 window를 생략해서 함수처럼 사용 가능하다. 매개변수로는 콜백 함수와 딜레이(ms)를 반드시 전달해야 하고 세 번째부터는 선택사항이다. 👉 setInterval 메서드를 실행하면 .. 2022. 11. 25.
[이코테] 그리디_문자열 뒤집기(파이썬/자바스크립트) 이번 글은 '이것이 취업을 위한 코딩테스트다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 문제 정답 코드 파이썬 Ver. 자바스크립트 Ver. 문제 풀이 간단하게 for문을 돌면서 현재 숫자와 다음 숫자를 비교하여 각각 조건에 맞는 횟수를 증가시키면 되는 문제였다. 연속된 숫자를 어떻게 처리해야 하나 라는 생각에 사로잡혀 간단한 해결책을 떠올리지 못했다. 입력값을 앞에서부터 하나씩 확인하며 현재 .. 2022. 11. 25.
[이코테] 그리디_곱하기 혹은 더하기(파이썬/자바스크립트) 이번 글은 '이것이 취업을 위한 코딩테스트다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 문제 정답 코드 나의 풀이 JavaScript Ver. 풀이 1 Python Ver. 문제 풀이 주어진 수를 계산하여 큰 수를 만드려면 대부분의 경우 '곱하기'를 하면 된다. 허나 '0'이나 '1'일 경우 '더하기'를 하는 것이 곱하기보다 큰 수를 만들 수 있다. 예를 들어 '1'과 '2'를 계산한다 했을 때.. 2022. 11. 25.
[이코테] 그리디_모험가 길드(파이썬/자바스크립트) 이번 글은 '이것이 취업을 위한 코딩테스트이다' 내의 문제를 풀고 정답 코드를 정리한 것입니다. 이것이 취업을 위한 코딩 테스트다 with 파이썬 | 나동빈 - 교보문고 이것이 취업을 위한 코딩 테스트다 with 파이썬 | IT 취준생이라면 누구나 입사하고 싶은 카카오ㆍ삼성전자ㆍ네이버ㆍ라인! 취업의 성공 열쇠는 알고리즘 인터뷰에 있다!IT 취준생이라면 누구나 product.kyobobook.co.kr 문제 접근 과정 문제를 보면 공포도가 1, 2, 3인 모험가를 1그룹, 나머지 공포도가 2인 모험가 둘을 2그룹에 묶어라고 나와 있어서 [1, 2, 3]과 [2, 2]를 어떻게 분리할지 고민했다. 즉 접근 자체가 완전히 잘못되었다. 단순히 '현재 탐색하고 있는 모험가의 공포도'와 '현재 그룹에 포함된 모험가.. 2022. 11. 24.
728x90
반응형