HTML-CSS-JavaScript/JavaScript

스코프란? 변수 접근 규칙에 따른 유효 범위 ( 안쪽 스코프에서는 바깥쪽 스코프로 접근 가능 , 하지만 반대는 불가능 ) 스코프는 보통 중괄호(블록) 이나 함수로 스코프를 나눕니다. 위의 예제처럼 스코프는 블록스코프, 함수스코프로 나눌 수 있습니다. 바깥쪽에서 선언된 변수는 안쪽에서 사용할 수 있지만 안쪽에서 선언된 변수는 바깥쪽에서 사용할 수 없습니다. 스코프 규칙 1. 스코프는 중첩이 가능합니다. 가장 바깥에 선언된 a 는 모든 스코프에서 사용가능하지만 scope 1에서는 안쪽 스코프의 변수를 접근할 수 없습니다. 여기서 가장 바깥 스코프 scope1 은 전역 스코프라고 부르고 나머지는 지역 스코프라고 부릅니다. 전역 변수 지역 변수라는 말을 많이 들어보였을 겁니다. 전역 스코프 내에 선언된 변수는 ..

오늘은 원시 자료형과 참조자료형에 대해 공부하고 얕은 복사와 깊은 복사에 대해 공부했다. 예전 전공 수업 중 프로그래밍언어론 이라는 과목에서 언어들의 원리와 동작에 대해 배웠었다. 그 과목을 수강할 시절에는 정말 어려워서 공부하기 힘들었는데 그 덕분에 오늘 학습한 부분은 수월하게 이해하고 넘어갈 수 있었던 거 같다. 그럼 오늘 공부한 원시 자료형과 참조 자료형, 얕은 복사 깊은 복사에 대해 정리해보러 가보자 ! 원시 자료형과 참조 자료형 원시 자료형은 대표적으로 ( number , string , boolean , null , undefined , symbol ) 총 6가지가 있으며 고정된 저장 공간을 차지하는 자료형 입니다. 참조 자료형은 이를 제외한 ( object , function ) 등 원시 자..

join()이란? 배열의 모든 요소를 연결해 하나의 문자열로 만드는 것 arr.join([separator]) 매개변수로 separator는 배열의 각 요소를 구분할 문자열을 지정할 수 있습니다. separator는 생략할 수 있고 생략하게 된다면 배열의 요소들이 쉼표로 구분됩니다. separator가 빈 문자열이면 모든 요소들 사이에 아무 문자도 없이 연결됩니다. 반환값으로는 배열의 모든 요소들을 연결한 하나의 문자열을 반환합니다. 만약 arr.length 가 0이라면, 빈 문자열을 반환합니다. 그럼 예시를 보면서 join의 사용법에 대해 익혀봅시다 ! var a = ['바람', '비', '불']; var myVar1 = a.join(); // myVar1에 '바람,비,불'을 대입 var myVar2 ..

오늘은 배열을 공부하면서 자주 등장하는 slice()에 대해 알아보겠습니다. slice() 란? slice() 메서드는 어떤 배열의 begin 부터 end 까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다 여기서 중요한 점은 복사본으로 새로운 배열 객체로 반환하고 원본 배열은 바뀌지 않는다는 점입니다 ! 배열의 맨 뒤에 원소를 추가하거나 제거하는 push() ,pop() 배열의 맨 앞에 원소를 추가하거나 제거하는 unshift(), shift() 위의 4가지 메서드는 원본 배열을 바꾸면서 배열을 수정합니다. 따라서 원본 배열을 수정하지 않고 배열을 만들기 위해선 slice()가 필요합니다!! slice()의 사용법 arr.slice([begin[, e..

오늘 배열에 대해 공부하면서 for of 문을 처음 접해보았다. for문은 다들 많이 들어보셨겠지만 for of문은 생소하신 분들이 많을 것이다. 그럼 바로 for of 문에 대해 알아보자 ! for...of 문은 반복 가능한 객체에서 가져온 일련의 값에 대해 작동하는 루프를 실행합니다. 이 오브젝트는 Array, String, TypedArray, Map, Set, NodeList(및 기타 DOM 컬렉션)와 같은 내장된 인스턴스뿐만 아니라 인수 오브젝트, 생성자 함수에 의해 생성된 생성자 및 사용자 정의 반복 가능한 객체를 포함한다. 즉 for of 문은 배열 안의 요소를 다룰 때 사용된다! 예시를 들어보면 수로 이루어진 배열에서 짝수로만 이루어진 배열을 다시 생성해야 한다면 ? function get..

자바스크립트에는 여러가지 타입이 존재합니다.( Number , String , Null , Undefined , Boolean ... 등 ) 여기서 흔히 자바스크립트의 타입이 무엇인지 확인해보기 위해서는 typeof 연산자를 활용해서 타입을 찾을 수 있습니다. 그럼 한번 타입을 찾아볼까요 ? 결과를 보니 배열의 타입은 object라고 나와있습니다. object는 뭘까요 ? 그 전에 알아둬야 할 지식이있습니다. 바로 자바스크립트의 타입에는 원시값과 객체로 나뉩니다. 여기서 object 는 객체입니다. 그럼 원시값은 뭘까요 ? 바로 boolean, number, undefined, string 등이 원시값에 속합니다. 가장 헷갈리는 것이 string 타입의 원소 값을 바꾸고 싶을 때 보통 ' = ' 을 사용..