나만의 작은 도서관

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 여러 데이터를 하나의 변수에서 관리하고 싶다면 Object 타입을 사용해야 한다. 그런데, Object 타입에 존재하는 속성들은 차례대로 출력되지 않는다. 오늘은 "왜 Object 타입에 존재하는 속성들은 적힌 순서대로 출력되지 않는가?" 에 대해 알아보자.가장 일반적인 예상객체가 가진 속성의 출력 순서를 예상해보면 당연히 "적은 순서대로 나올 것이다"라고 생각한다. 그렇다. 실제로 아래 코드처럼 순서대로 출력이 된다. 그런데...let obj1 = { key1 : "value1", key2 : "value2", key3 : "value3"};for (let prop in obj1){..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 선언 new 연산자로 객체를 인스턴스화 하면 된다. 별다를 건 없다.let time = new Date();자주 사용하는 메소드메소드 이름설명getFullYear()현재 "연도"를 반환한다. getMonth()현재 "월"을 반환한다. getDate()현재 "일"을 반환한다. getHours()현재 "시"를 반환한다. getMinutes()현재 "분"을 반환한다. getSeconds()현재 "초"를 반환한다.  간단한 실행 결과getMonth는 1월이 0부터 시작하므로 +1을 해서 출력해야 원하는 월이 나온다.console.log(time.getFullYear(), time.getMonth()+1..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다.개요대부분의 프로그래밍 언어들에는 가비지 컬렉터(Garbage Collector)를 지원한다. 가비지 컬렉터는 개념이기 때문에 각 언어에서 사용하는 가비지 컬렉터는 조금씩 다른 부분이 있다. 오늘은 자바스크립트의 가비지 컬렉터의 작동과정을 간단히 알아보자.가비지 컬렉터란?직역하면 "쓰레기 수집가"인 가비지 컬렉터(줄여서 GC라고 부르기도 한다.)는 이름 그대로 쓰레기를 수집하는 기능이다. 프로그램이 실행되는 도중 더이상 사용하지 않는 데이터가 발생하게 되는데, 이렇게 자리만 차지하고 더 이상 사용하지 않는 데이터를 쓰레기라고 말한다. 이런 쓰레기를 수집함으로써 메모리를 확보하는 역할을 한다.  !..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 함수(function) 함수(function)는 자바스크립트에서 코드를 재사용하고 조직화하기 위해 사용한다. 함수는 특정 작업이나 계산을 수행하는 코드 블록을 나타내며, 이를 호출하여 실행하는 방식으로 동작한다. 함수 내에서 선언한 변수는 외부에서 확인할 수 없다. 단, var는 호이스팅에 의해 전역변수로 취급되므로 예외이다. 함수의 3가지 형태 자바스크립트에서 함수를 표현할 수 있는 방식은 총 3가지다(더 있을 수도 있다). 3가지 방식은 생긴 모습은 다르지만 전부 동일한 기능을 가지고 있다. 물론 3번째 방법인 화살표함수는 this와 관련해서 다른 점이 있지만 기본적인 기능을 동일하다. 1...

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 객체(Object 자료형) 자바스크립트에서 객체(Object)는 데이터의 집합으로, 키(key)와 값(value)가 쌍으로 이루어진 속성(property)의 모음이다. 객체는 중괄호 '{}'로 정의하며, 각 속성들은 쉼표로 구분하여 나열한다. 간단히 말해, 여러 개의 값을 저장할 수 있는 변수라 생각하면 된다. 객체 기본 구조 기본적인 객체 구조. 콜론(':')을 기준으로 key, value를 적는다. 아래 예제와 같이, 객체에서 각 값의 자료형이 달라도 상관없다. let person = { name: "홍길동", age: 30, gender: "남자", }; 생성자 함수를 이용한 객체 선언 t..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 개요 조건에 따라 진입하는 분기점이 달라지는 조건문과, 지정한 조건에 따라 같은 코드를 반복하는 반복문에 대해 다룬다. 다른 언어들에도 전부 있는 내용이니 간단히 적고 넘어간다. 조건문 조건문은 if, if - else, if - else if - else, switch, 그리고 ||연산자, &&연산자가 있다. 조건에 따른 분기점을 얼마나 넣고 싶은 지에 따라 입맛대로 골라 쓰면 된다. if 1개의 분기점이 필요할 때 사용한다. 조건에 맞는 경우만 if문 내부로 이동한다. let x = 10; if(x > 0){ console.log("x는 양수입니다"); } // Output: // x는 양수..