jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

[모던자바스크립트] 10.4.5 Set : 중복 되지 않는 유일한 데이터를 수집하여 활용하기 위한 객체 : 외부에서 키를 사용하여 데이터 값을 추가/삭제/검색 할 수 있습니다. : 값의 데이터 타입에 제한이 없습니다. : 객체 타입도 사용할 수 있고 원시타입도 사용할수 있습니다. 동일성의 정의 Set 객체에서의 값 동일성은 일치(===)가 정의하는 동일성과는 약간 차이가 납니다. Set 객체에서는 NaN 과 NaN이 같으면 +0과 -0이 같습니다. 메서드 설명 add(value) 데이터 값 value 를 추가 clear() 객체 안의 모든 데이터 삭제 delete(value) 객체에서 value값으로 갖는 데이터를 삭제 values() 객체에서 데이터 값을 값으로 갖는 이터레이터를 반환 forEach(c..

[모던자바스크립트] 10.4.4 Map : 데이터를 수집하여 활용하기 위한 객체 : 값의 고유한 식별 정보인 '키- 값' 의쌍을 Map 객체 안에 저장하며 순서도 기억하는 객체입니다. Object와 Map 비교 Object는 값에 키를 할당할 수 있고, 그 키로 값을 얻을 수 있고, 키를 삭제할 수 있으며 어떤 키에 값이 존재하는지 확인할 수 있다는 점에서 Map과 유사합니다. 이런 이유에 더해, 이전에는 내장된 대체제가 없었기 때문에, Object를 Map 대신 사용하곤 했습니다. Map Object 의도치 않은 키 Map은 명시적으로 제공한 키 외에는 어떤 키도 가지지 않습니다. Object는 프로토타입을 가지므로 기본 키가 존재할 수 있습니다. 주의하지 않으면 직접 제공한 키와 충돌할 수도 있습니다..

스코프 : 참조 대상 식별자(변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름) 을 찾아내기 위한 규칙! var x = 'global'; function foo () { var x = 'function scope'; console.log(x); } foo(); // function scope console.log(x); // global 위 예제에서 전역에 선언된 변수 x는 어디에든 참조할 수 있습니다. 하지만 함수 foo 내에서 선언된 변수 x는 함수 foo 내부에서만 참조할 수 있고 함수 외부에서는 참조할 수 없습니다. 이러한 규칙을 " 스코프 " 라고 한다. 만약 스코프가 없다면 어떻게 될까요? 스코프가 없다면 같은 식별자 이름은 충돌을 일으키므로 프로그램 전..

[모던자바스크립트] 10. 4. 1 비구조화 할당 :비구조화 할당은 배열, 객체, 반복 가능 객체에서 값을 꺼내어 그 값을 별도의 변수에 대입하는 문장입니다. 배열의 비구조화 See the Pen [javascript] 배열의 비구조화 할당 by jeongahlee (@jeongahlee) on CodePen. 객체의 비구조화 할당(Object Destructuring) //1. 기본적인 사용법 var {a: x, b: y} = {a:1, b:2}; console.log(x,y) // 1 2 See the Pen [javascript] 객체의 비구조화 할당 by jeongahlee (@jeongahlee) on CodePen. 반복 가능한 객체의 비구조화 할당 var [a,b,c] = "ABC"; fun..

See the Pen javascript30(Clock) by jeongahlee (@jeongahlee) on CodePen. 소스 출처 : javascript30

~ 아래 해당하는 키보드를 눌러보세요 ~ See the Pen javascript30(JS Drum Kit) by jeongahlee (@jeongahlee) on CodePen. tag 용어설명 - 태그는 키보드(keyboard) 입력을 나타낼 때 사용합니다. ex) ALT키와 F4키를 동시에 누르면 포커스를 가지고 있는 윈도우를 곧바로 닫을 수 있습니다. - 태그는 음악 또는 기타 오디오 스트림과 같은 소리 콘텐츠를 포함할 때 사용합니다. 이 요소는 전역 특성을 포함합니다. 사용하는 속성 src : 오디오 파일의 주소 controls : 컨트롤러 표시 autoplay : 자동 재생 loop : 반복 재생 width : 가로길이 height : 세로길이 muted : 음소거 ex) or Your bro..

[모던자바스크립트 ] 10.1 배열의 메서드 : 배열은 Array타입 객체이며 Array.prototyp의 프로퍼티를 상속받습니다. 10.2 다차원 배열 10.2.1 2차원 배열의 생성 See the Pen 2차원 배열의 생성 by jeongahlee (@jeongahlee) on CodePen. 10.2.2 다차원 배열의 생성 :2차원 배열과 같은 방법으로 다차원 배열을 만들 수 있습니다. ex)3차원 배열은 중첩된 배열의 배열로 표기해서 만들 수 있습니다. See the Pen javascript 3차원 배열 생성 by jeongahlee (@jeongahlee) on CodePen. 10.3 유사 배열 객체(Array-link object) 배열은 아니지만 배열로 처리할 수 있는 객체 10.3.1 ..

[모던자바스크립트] 5장 - 표현식과 연산자 표현식 : 결과적으로 어떤 값(변수, 함수 등)으로 식의 걊을 계산하는 것 (숫자, 문자, 논리값 등의 원시 값) *원시값 :기본타입을 원시 데이터라고 하며 5, 'foo', true, false, null, undefined 와 같은 자바스크립트 값을 말합니다. 즉, 숫자, 문자열, 불리언, null, undefined 인 다섯가지 기본 타입을 말하며 이 자바스크립트값은 더 이상 단순화할 수 없기 때문에 원시적(primitive)이라 하며, 이러한 값을 가리켜 원시값이라 합니다. 출처: https://webclub.tistory.com/240 [Web Club] 산수 : 예를 들어 3.14159를 숫자로 평가합니다. (일반적으로 산술 연산자를 사용합니다.) ..