공부 기록일지📚

//기본 함수 호출방법 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로 선언된 적이 있는 변수는 그 다음에 함수 내부 코드에서..

User Interface(UI) ->일반사용자가 사용하여 어플리케이션(웹브라우저 등)을 제어 간단히 말하자면 사용자 접점 Application Programming Interface(API) ->alert()등의 명령어로 알림창을 띄우는 것 등 개발자가 주 사용자 애플리케이션을 프로그래밍하기 위한 개발자의 접점 레퍼런스와 튜토리얼 프로그래밍을 공부하기 위한 두 가지 큰 자료(reference & tutorial ) 튜토리얼(tutorial) - 언어의 문법 설명 레퍼런스(reference) - 명령어의 사전 자바스크립트의 API는 크게 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트환경의 API로 구분 자바스크립트의 호스트환경에 대한 API -> 웹 브라우저, node.js *ECMAScri..

모듈화(파일로 분리하기)를 통해 얻을 수 있는 효과 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다. 한 번 다운로드된 모듈(JS)은 웹브라우저에 의해서 저장되기 때문에 동일한 로직을 로드할 때 시간과 네트워크 트래픽을 절약할 수 있다.(브라우저에서만 해당) 모듈이란? 순수한 자바스크립트에서는 모듈(module)의 개념이 분명하게 존재하지 않는다. 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공됨 모듈은 프로그램을 구성하는 작은 부품으로 이해하면 쉽습니다. ->자바스크립트의 대표적인 호스트 환경인 웹 브라우저에서 로직을 모듈화하는 방법에 대..

객체(Object)는 데이터를 담아내는 컨테이너라는 점에서 배열과 아주 유사하다. 가시적인 차이가 있다면 배열은 중복되지 않는 인덱스(색인)이 데이터가 추가될 때마다 자동으로 지정되지만 객체는 배열에서 자동으로 지정되는 '인덱스'를 직접 지정할 수 있다. //인덱스를 문자열로 지정하고 싶다면 객체를 사용하면 됩니다. *다른 언어에서 연관배열(associative array) 또는 맵(map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당합니다. 객체의 생성 배열은 [] 대괄호로 여닫지만 객체는 {}중괄호로 여닫습니다. 구분은 콤마로 합니다. 객체는 key : value 로 이루어져 있습니다. // 아래 코드에서 key는 cong, vella, sollar 가 되겠죠 const grades..