공부 기록일지📚

전역객체(Global object) 전역객체(Global object)는 특수한 객체다. 모든 객체는 이 전역객체의 프로퍼티이다. window ->전역객체의 이름은 호스트 환경에 따라 변경됩니다. node.js처럼 서버측 자바스크립트를 사용하게 되면 winow는 존재하지 않습니다. 대신 global이 존재합니다.// 웹브라우저의 window의 역할을 node에서 global이 하는 것이죠. 전역객체 API ECMAScript 에서는 전역객체의 API를 정의해두었습니다. 그 외의 API는 호스트 환경에서 필요에 따라 추가하고 있습니다. 웹브라우저 자바스크립트에서는 alert()이라는 전역객체의 메소드가 존재하지만 node.js에서는 존재하지 않습니다. function func() { alert("how a..

JavaScript 계열의 언어를 Prototype-based programming 으로 부르고 이 카테고리에 속해있습니다. JS는 멀티 패러다임 언어로 명령형, 함수형, 객체지향형인 언어이다. 기본적으로는 함수가 일급시민으로 취급되는 언어이다. 자바스크립트를 이해하려면 객체 이전에 함수를 제대로 이해해야 합니다. 객체란 서로 연관 변수와 함수를 그룹핑한 그룹이라고 이전 수업에서 설명했습니다. 객체 내의 변수를 property(속성) 그리고 함수를 method(메소드)라고 부릅니다. 자바스크립트 생성자의 특징 일반적인 객체지향 언어에서 생성자는 클래스의 소속이다.(e.g. Java) 하지만, 자바스크립트에서 객체를 만드는 주체는 함수이다. 함수에 new키워드를 붙이는 것을 통해서 객체를 만들 수 있다는 ..

객체지향 프로그래밍(Object-Oriented Programming or OOP)은 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(state)의 행위(behave)로 이루어진 객체로 만드는 것이다. 객체지향 프로그래밍을 번역하면서 너무 철학적으로 접근하는 것은 피해야한다. 객체는 변수와 메소드를 그룹핑한 것이며 이는 다른 곳에서도 활용함으로써 코드의 재활용성을 높여준다. 객체지향 프로그래밍 교육은 크게 두가지로 구분 문법 설계 부품화 초기의 컴퓨터는 단일된 형태의 컴퓨터였다. 이는 키보드가 고장나도 컴퓨터 전체를 바꿔야하고 cpu에 문제가 생겨도 컴퓨터 전체를 바꿔야한다는 것이다. 또한, 고장이나서 제대로 작동하지 않을 경우에 어디서 문제가 발생했는지 한번에 알기 어렵다. 그렇..

//기본 함수 호출방법 function func(){ } func(); //apply()를 사용하여 호출하기 funcion sum(arg1, arg2){ return arg1 + arg2}; alert(sum.apply(null, [1,2]) // output: 3 // 이 예제처럼 단순한 코드일 경우에는 apply()를 사용하는 것은 바람직하지 않다. 그냥 sum(1,2)로 하는 것이 맞다. //하지만 우리가 apply()메소드를 사용하는 이유는 앞의 null을 다른 값을 넣어서 사용할 수 있기 때문이다. 객체에 값이 들어가 있다면 속성(property)라고 하고 함수가 들어가 있다면 메소드(method)라고 합니다. JS에서 함수는 객체입니다. -> 함수에는 JS가 기본적으로 제공하는 내장된 메소드,..

//sum()함수는 전달받는 매개변수가 지정되어있지 않음 function sum() { //변수 i는 loop를 위한 변수 굳이 따로 뺄 필요없이 for문 내부에 let i 라고 써줘도 된다. let i, _sum = 0; for (i = 0; i < arguments.length; i++) { document.write(`${i} ${arguments[i]} `); _sum += arguments[i]; } return _sum; } //sum()에 4개의 인자(1,2,3,4)를 전달 document.write(`result : ${sum(1, 2, 3, 4)}`); 함수에는 arguments라는 변수에 담긴 숨겨진 유사 배열(배열과 비슷하긴한데 배열은 아닌 것)이 있다. 실제로는 arguments 객..

클로저(closure)는 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다. 클로저는 자바스크립트를 이용한 고난이도의 테크닉을 구사하는데 필수적인 개념으로 활용된다. function outter() { //내부에 inner이라는 지역변수를 만들고 그 변수에 함수를 할당한 것으로 이해하면 쉽습니다. function inner() { const title = "coding everyBody"; alert(title); } inner(); } outter(); outter()함수는 외부함수이고 inner()함수는 내부함수이다. function outter() { //title은 outter의 지역변수이다. const title = "coding everyBody"; function i..

JS에서는 함수도 객체이다. 다시 말하면 일종의 값이다. *값의 특징: 변수에 담을 수 있다. 즉, JS의 함수도 변수에 담을 수 있다. 거의 모든 언어가 함수를 가지고 있습니다. JS 함수의 차별점은 함수가 값이 될 수 있다는 점입니다. function a(){ } //위의 코드와 아래의 코드는 같은 말이다. //함수가 "값"이기 때문에 변수에 담길 수 있다. const a = function(){ }; 함수 a는 변수 a에 담겨진 값이다. 함수는 객체의 값으로 포함될 수 있다. 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. objA = { /*함수는 값이고 객체 안에 저장할 수 있다. key : value 형태 여기서 key는 b 즉, 변수이고 객체의 속성(property) 속성..

자바스크립트를 함수형 언어라고도 합니다. 자바스크립트에서 함수란 모듈화의 근간이다. 유효범위(scope)는 변수의 수명을 말합니다. 함수를 사용할 때에는 전역변수와 지역변수를 제대로 사용해야합니다. 함수 밖에서 변수를 선언하면 전역변수 - 애플리케이션 전역에서 사용가능한 변수이기 때문에 함수 내부에서 전역변수에 접근이 가능합니다. 함수 내부에서 변수를 선언하면 지역변수- 애플리케이션 전역에서 사용불가능한 변수이며 함수 밖에서는 접근이 불가능합니다. 같은 이름의 지역변수와 전역변수가 동시에 정의되어 있다면 지역변수가 우선한다 const, let, var 이 쓰여있지않은 지역변수는 전역변수가 된다. -> 하지만 내부에 한번 const, let, var로 선언된 적이 있는 변수는 그 다음에 함수 내부 코드에서..