나만의 작은 도서관

오늘 배운 내용자바스크립트에서 함수는 무려 일급 객체이다. 일급 객체란 특정 조건을 만족하는 객체를 의미하는데, 1)변수, 2) 매개변수, 3) 리턴 값, 4) 객체의 속성, 5) 배열의 원소에 할당할 수 있어야한다. 놀랍게도 함수는 모두 가능하여 일급 객체라는 명칭을 받게 되었다.this 키워드는 함수가 호출될 때 결정된다. 속성의 메소드가 호출되었다면, this는 해당 메소드를 가진 객체가 된다. 객체 없이 함수에서 this가 호출되었다면 this는 전역 객체가 되어 브라우저 환경에서는 window, node에서는 global이 된다.호이스팅의 규칙 중 하나는 함수는 선언부 뿐만아니라 그 내용까지도 같이 끌어올려진다는 것이다. var변수와 달리 함수는 모든 내용이 최상단으로 올라가기 때문에 어느 곳에..

오늘 배운 내용자바스크립트에서 함수를 변수에 저장하는 경우 var변수를 사용해야 하는 특별한 이유는 없다. 오래된 변수 타입이기 때문에 여기저기 var타입으로 선언된 경우가 보일 뿐, 되도록이면 let이나 const변수로 선언하는 것이 더 낫다. 자바스크립트는 객체 지향적인 설계가 가능하다. 생성자 함수를 만들거나 get, set함수를 이용해 함수 내부의 값을 가져오는 캡슐화가 되고, 상속 또한 키워드로 존재한다."렌더링(Rendering)"이라는 단어는 해석, 번역이라는 뜻을 갖고 있다. "렌더링을 한다" 와 같은 말을 종종 듣는데, 여기서 렌더링은 그래픽을 가져오는 작업이라는 뜻보다 그래픽 데이터를 담은 코드의 구조를 해석하는 작업이 더 맞다.자바스크립트에서는 구조분해할당( Destructu..

오늘 배운 내용 객체들을 하나로 병합할 때, 중복된 키 값이 있다면 해당 키는 키 값을 가지는 마지막 객체의 값을 가진다. 자바스크립트 파일은 웹 브라우저 콘솔에서도 실행할 수 있다. 단, 노드의 환경과는 초기 this값이 다르기에 이 점을 알고 있어야 한다. 콜백함수는 여러 번 중첩하여 사용하면 가독성이 매우 떨어지는 코드가 나온다. 이를 해결하기 위한 리팩토링 방식이 여러 개 있다는 것을 알게 되었다. 각 리팩토링 방식은 내일 정리해봐야겠다. 오늘 한 일 어제에 이어서 웹개발 종합반 강의 3주차, 4주차를 봤다. 웹개발 종합반 강의 1주차 강의 내용을 전부 정리했다. https://pledge24.tistory.com/173 [JavaScript] 기초 3. 형변환(casting) 유의사항: 해당 글..

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다. 함수(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는 양수..