도록

문제 설명 (링크)머쓱이는 태어난 지 11개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음과 네 가지 발음을 조합해서 만들 수 있는 발음밖에 하지 못하고 연속해서 같은 발음을 하는 것을 어려워합니다. 문자열 배열 babbling 이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한 사항1 ≤ babbling의 길이 ≤ 1001 ≤ babbling[i]의 길이 ≤ 30문자열은 알파벳 소문자로만 이루어져 있습니다.  입출력 예babblingresult["aya", "yee", "u", "maa"]1["ayaye", "uuu", "yeye", "yemawoo", "ayaaya..

전역 변수는 생명 주기는 어플리케이션의 생명주기와 같다.   전역 변수의 문제점암묵적 결합 : 코드 어디에서든 참조하고 할당할 수 있다. (코드 가독성과 값 변경 위험성이 높다.)긴 생명 주기 : 메모리 리소스를 오랜 시간 소비하며, 변수 이름이 중복될 경우, 의도치 않은 재할당이 이뤄진다.스코프 체인의 마지막에 존재 : 전역 변수의 검색 속도가 제일 느리다.네임스페이스 오염 : 동일 식별자가 존재할 경우 예상과 결과가 달라질 수 있다. 전역 변수 쓰지말고 이렇게 해보자1) 즉시 실행 함수 모든 코드를 즉시 실행 함수로 감사면 그 안의 모든 변수는 즉시 실행 함수의 지역 변수가 된다. 이렇게 사용하면 전역 변수를 생성하지 않으므로 라이브러리 등에 자주 사용된다.(function () {    const ..

오류 원인html 파일에서 module 타입의 js import를 한 뒤, 파일 경로로 접근하니 CORS error가 난다.Access to script at 'file:///C:/Users/블라블라블라/파일명.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. 오류 메세지를 읽고 다시 보니, 파일 경로에는 말그대로 origin이 빠져있다. (origin = 프로토콜 + 호스트 + 포트)- https://ree..

이번 달 목표딥다이브 완독 + 정리 (45장 -14장 = 30장, 25일, 월~토 1일 2장씩)자주 쓰는 컴포넌트 만들기page navigationslider대상 : text, image버튼 클릭 시 다음 슬라이드 드래그 시 다음 슬라이드맨 끝일 때 다시 처음으로menu 좌측 햄버거 메뉴인덱스 페이지 상단 메뉴togglesign-in, sign-updropdowntab page

Array.concat() 두 개 이상의 배열을 병합합니다. 기존 배열을 변경하지 않고 새 배열을 반환한다. 구문concat(arr1, arr2, .... arr3);매개변수- [필수] arrN: 새 배열로 연결할 배열 및/또는 값입니다.                    모든 매개변수가 생략된 경우, concat은 호출된 기존 배열의 얕은 복사본을 반환합니다.반환값 : 새로운 Array 객체사용 예시const array1 = ['a', 'b', 'c'], array2 = ['d', 'e', 'f'];console.log(array1.concat(array1));    // ['a', 'b', 'c', 'a', 'b', 'c']console.log(array1.concat(array2));    // [..

Array.at() 배열 내의 요소에 접근한다. index는 양수와 음수 모두 사용할 수 있으며, 음의 정수는 배열의 마지막 항목부터 셀 수 있다. 구문Array.at(index)매개변수- [필수] index : 반환할 배열요소의 인덱스 (0부터 시작)반환값 : index 위치에 있는 요소사용 예시const arr = [5, 12, 8, 130, 44];arr.at(0);           // 5arr.at(-1);          // 44   arr.at(-1)은 arr[arr.length-1)과 같은 의미로, 좀더 간편하게 사용할 수 있다.  객체에서 at()const arrayLike = {     length: 2,     0: "a",     1: "b",     2: "c", // leng..

스코프(Scope, 유효범위)는 식별자가 유효한 범위를 말하며, 전역(global)과 지역(local) 두가지로 구분된다.말 그대로 전역은 코드의 가장 바깥 영역이다. 전역에 선언한 변수는 어디에서든 참조할 수 있는 값이 된다.전역과 반대로 지역은 함수 내부를 말한다. 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. var a = "전역변수 aaa^_^a"; var b = "전역변수 bbb^_^b";function outer () {    var c = "아우터 안의 C";    console.log(a);      // "전역변수 aaa^_^a";    console.log(b);      // "전역변수 bbb^_^b";    console.log(c);      // "아우터 안의 ..

(4) Array.of()Array.of() 메서드는 인자의 수나 유형에 관계없이 가변 인자를 갖는 새 Array 인스턴스를 만듭니다. 구문Array.of(element0[, element1[, ...[, elementN]]])매개변수[필수] arrayLike : 배열로 변환할 객체[선택] mapFn : (element, index) => { return A; }[선택] thisArg : mapFn 실행 시의 this 값반환값 : new Array 인스턴스사용 예시Array.of(7);            // [7]Array.of(1, 2, 3);    // [1, 2, 3] Array(7);               // [ , , , , , , ]  : 비어있는 길이 7의 배열Array(1, 2, ..