Javascript

● let 변수 호이스팅 console.log(foo) // ReferenceError: foo is not defined let foo; console.log(foo) // undefined foo = 1; console.log(foo) // 1 let 변수는 var 변수와 같이 처음 코드라인이 undefined로 출력되지 않고 referenceError가 뜬다. 즉, 호이스팅이 되지 않는 것처럼 보이지만, 그게 아니라 let 변수는 선언단계와 초기화단계가 분리되어 작동한다. 즉, 스코프에 변수를 등록(선언단계)하지만 초기화 단계는 변수 선언문에 도달했을 때 이루어진다. 초기화 이전에 변수에 접근하려고 하면 참조 에러(ReferenceError)가 발생한다. 이는 변수가 초기화 되지 않았기 때문이다. ..

●Object.create() - 주어진 프로토타입의 객체와 속성들을 갖고 있는 새 객체를 생성한다. 각각 프로퍼티의 속성들까지 넣어줄 수 있다. let coffee = Object.create(Object.prototype, { name: { value: 'Americano', writable: true, configurable: true, enumerable: true, }, price: { value: 4100, writable: true, configurable: true, enumerable: true, }, get: { value: function() { return this.name; } }, set: { value: function(name) { this.name = name } } }) ..

●Array.prototype.sort - sort 메서드는 배열의 요소를 정렬한다. const fruits= ["Banana", "Orange", "Apple"]; fruits.sort(); // [ 'Apple', 'Banana', 'Orange' ] const fruits = ["바나나", "오렌지", "사과"]; fruits.sort(); // [ '바나나', '사과', '오렌지' ] - 하지만 sort 메서드는 숫자일 때 문제가 되는데, 숫자도 유니코드 포인트를 따라서 정렬되기 때문이다. const points = [40, 100, 1, 5, 2, 25, 10]; points.sort(); // 원하는 배열 // [ 1, 2, 5, 10, 25, 40, 100 ] // 하지만 콘솔 출력값 // ..

● 모듈 - 모듈(Module)은 프로그래밍에서 코드를 여러 개의 독립적인 단위로 분리하여 작성하고 관리하는 방법 중 하나이다. 모듈은 일반적으로 관련된 코드들을 그룹화하고, 다른 코드와 분리하여 개발과 유지보수를 쉽게 할 수 있도록 한다. - 또한 모듈이란 여러 기능들에 관한 코드가 모여있는 하나의 파일로 다음과 같은 것들을 위해 사용한다. 그럼 기능1 / 기능2 / 기능3 이 적힌 JS파일 3개가 있어. 이거 3개 합쳐서 압축하면 모듈이라고 부르는거야? 아니요. 일반적으로 JavaScript 파일이 단순히 압축되었다고 해서 모듈로 처리되지는 않습니다. JavaScript 모듈은 일반적으로 특정 구문과 규칙을 따르는 파일입니다. ES6(ECMAScript 2015)부터는 import와 export 키워..

https://ddaeunbb.github.io/project/mbti/index.html 내 안에 숨어있는 직업캐 찾기! 누구나 찰떡인 직업이 있어요! 내 안에 숨어있는 직업캐를 찾아보세요! prismatic-monstera-4c9d6a.netlify.app

Meme Maker 밈메이커 https://ddaeunbb.github.io/project/meme-maker/index.html Meme Maker You really want to reset your canvas? Yes No ddaeunbb.github.io