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

스코프 : 참조 대상 식별자(변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름) 을 찾아내기 위한 규칙! 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를 숫자로 평가합니다. (일반적으로 산술 연산자를 사용합니다.) ..

#모던 자바스크립트 4.1.1 객체 1. 객체 리터럴 객체 : 데이터와 함수의 집합 (객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부릅니다.) 리터럴 : 데이터 그 자체를 뜻 한다. (변수에 넣는 변하지 않는 데이터를 의미하는 것이다.) See the Pen 객체 by jeongahlee (@jeongahlee) on CodePen. 2. 프로퍼티 추가와 삭제 , in 연산자 ,객체 참조타입 See the Pen 프로퍼티 추가와 삭제 by jeongahlee (@jeongahlee) on CodePen. 4.2 함수의 기초 함수 함수의 이름 괄호 안에서 쉼표로 분리된 함수의 매개변수 목록 중괄호 { } 안에서 함수를 정의하는 자바스크립트 표현 See the Pen 함수의 기초 by jeongahlee..

Array.prototype 원본 배열을 바로 수정합니다. .push() : 마지막 새로운 배열값 추가 .pup() : 마지막 요소를 제거 .shift() : 첫 번째 요소를 제거 .unshift() : 새로운 요소를 배열의 맨 앞쪽에 추가 See the Pen Push() , pop(), shift(), unshift() by jeongahlee (@jeongahlee) on CodePen. .splice() : 삭제 또는 교체하거나 새 요소를 추가 (이어 붙이기) .sort() :배열의 요소를 적절한 위치에 정렬 See the Pen splice(), sort() by jeongahlee (@jeongahlee) on CodePen. 원래 배열은 수정하지 않고, 배열을 다른 모습으로 가공한 새로운 배..