달리기 경주 - 178871 문제 링크 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 성능 요약 메모리: 83.1 MB, 시간: 1.63 ms 문제 설명 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1등인 "mumu" 선수를 추월했다는 것입니다. 즉 "soe" 선수가 1등, "mumu" 선수가 2등으로 바뀝니다. 선수..

자바스크립트에서 public, private ? 자바스크립트는 변수에 접근 제한자 (public, private, protected 등)을 직접 부여하도록 설계되어 있지 않고, 클로저를 이용하여 함수 차원에서 public한 값과 private한 값을 구분하는 것이 가능합니다. 외부에 제공하고자 하는 정보들을 모아서 return 하고, 내부에서만 사용할 정보들은 return 하지 않는 것으로 접근 권한 제어를 할 수 있습니다. 따라서 return 한 변수들은 public, 그렇지 않은 변수들은 private 한 상태가 됩니다. let outer = function() { let a = 1; let inner = function() { return ++a; }; return inner; // 함수의 실행 결..

클로저 개요 클로저(Closure)는 여러 함수형 프로그래밍에서 등장하는 특성으로, 문헌 별로 다르게 정의되고 있습니다. MDN (Mozila Developer Network)에서는 클로저에 대해 "함수와 그 함수가 선언될 당시의 lexical environment의 상호 관계에 따른 현상"이라고 소개합니다. LexicalEnvironment는 자바스크립트에서 실행 컨텍스트를 생성 및 실행하는 과정에 사용되는 컴포넌트로, environmentRecord, outerEnvironmentReference, thisBinding 등의 작업을 통해 변수의 유효범위인 스코프가 결정되고, 스코프 체인이 가능해집니다. 이 중 outerEnvironmentReference는 현재 컴포넌트에서 변수를 찾지 못하면 외부 ..

콜백 함수 개요 콜백 함수는 다른 함수 또는 메서드에게 인자로 넘겨주면서 제어권도 함께 위임한 함수를 의미합니다. 일반적으로 다른 함수의 작업이 끝나면 실행되는 함수이며, 비동기나 복잡한 작업 환경에서 유용하게 사용됩니다. 콜백 함수 예제 - 제어권 let count = 0; let timer = function() { console.log(count); if (++count > 5) clearInterval(alarm); }; let alarm = setInterval(timer, 1000); delay의 값을 입력받아 5번 울리면 alarm을 종료하는 timer 콜백함수를 만들고, setInterval에 timer와 delay를 넘겨주는 코드입니다. timer()와 setInterval(timer, ..

this 함수 자바스크립트에서 this는 실행 컨텍스트가 생성될 때마다 this가 결정됩니다. 즉, 최초에 전역 컨텍스트 생성 시에 window 객체로 한 번 생성하고 이후 함수 실행 컨텍스트에 의해 함수를 호출할 때마다 생성됩니다. 전역 스코프에서의 this 전역 컨텍스트가 생성되면서의 this는 브라우저 환경 기준으로 window, Node 에선 global 객체가 됩니다. console.log(this); // true console.log(this === window); // true var a = 1; console.log(this.a); // 1 console.log(window.a); // 1 console.log(a); // 1 let b = 1; console.log(this.b); //..

객체의 가변성 const originalArr = [1, 2, 3, 4, 5]; let copiedArr = originalArr; console.log(originalArr === copiedArr); copiedArr[0] = 6; console.log(originalArr, copiedArr); // [6,2,3,4,5] , [6,2,3,4,5] 위의 코드처럼 원본 객체는 그대로 두고 싶은 상황에서 복사본이 변경될 때 원본도 같이 변하는 문제점이 발생할 때가 있습니다. 이는 객체의 가변성으로 인해 생기는 문제입니다. == VS === ==은 값이 같은지만 비교하고, ===은 값과 타입이 같은지를 모두 비교합니다. let a = 1; let b = "1" console.log(a == b); // t..

JavaScript 프로토타입 기반의 스크립트 프로그래밍 언어로 객체지향 개념을 지원 웹 브라우저가 JavaScript를 HTML과 함께 다운로드하여 실행 웹 브라우저가 HTML 문서를 읽어 들이는 시점에 JavaScript Engine 실행 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어 HTML문서에서 사용할 때 script 태그를 사용 선언 내부 선언, 외부 선언 // 내부 선언 (HTML 5부터 type 생략 가능) // 외부 선언 head, body 모두 script 태그가 선언 가능하지만 body 끝 부분에 사용하는 것을 권장한다. head에 있으면 각종 작업 이전에 초기화 되므로 body에 있어야 HTML 먼저 해석하기 때문에 속도가 빠르다. 자료형 console.log("msg..