하루 기록

객체 Destructuring 1) 다중 속성 추출const coffe = {    name : '커피',    price : 4000};const { name, price } = coffe;console.log(name);   // 커피console.log(price);    // 4000 2)함수 매개변수function menu({name, age}) {  console.log(`오늘의 커피는 ${name}이고 가격은 ${age}원입니다.`)}const todayCoffe = {    name : '카페라떼',    price : 5000};menu(todayCoffe);  배열 Destructuringconst colors = ['red', 'orange', 'yellow', 'green'];con..

일급 객체1. 무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다.2. 변수나 자료구조에 저장할 수 있다.3. 함수의 매개변수에 전달할 수 있다.4. 함수의 반환값으로 사용할 수 있다. 함수 객체의 프로퍼티1. arguments : 매개변수 객체 순회 가능한 유사 배열 객체이며,함수 내부에서 지역 변수처럼 사용된다.매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용하다. 2. caller : 함수 자신을 호출한 함수.참고) 비표준 프로퍼티이기에 사용하지 말자 3. length : 선언한 매개변수의 개수arguments.length와 함수 객체의 length는 다른 수 있다.  4. name : 함수의 이름  5. __proto__ 접근자 : [[prototype]] 내부 슬롯이 ..

생성자 함수 자바스크립트는 new 연산자와 함께 사용하는 여러 빌트인 생성자 함수를 제공한다.new String('Hello');new Number(123);new Boolean(true);new Function('x', 'return x * x');new Array(1 ,2, 3);new RegExp(/ab+c/i);new Date(); 객체 리터럴 방식으로 이용하면 되는데 왜 생성자를 제공할까?  생성자의 장점 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우, 리터럴보다 효율적이다. 객체(인스턴스)를 생성하기 위한 템플릿처럼 생성자 함수를 사용하여 동일 프로퍼티 구조의 객체를 여러개만들 때 간편하다. // 방법 1) 리터럴 방식const  circle1 = {    radius: 5,   ..

로컬 서버를 올리는 방법이 여러가지가 있지만, 개인적으로는 이 방법을 제일 좋아한다제일 간단해서...   1) install 한다npm install http-server  2) 서버 띄운다npx http-server  3) 끝이다!    참고) https://www.npmjs.com/package/http-server

문제 설명 (링크)머쓱이는 태어난 지 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