JavaScript

정적인 HTML에서 동적인 효과를 구현하고자 사용한다.보통 인터렉티브(interactive)한 페이지 구현이라 한다.인터프리터소스코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말함.소스코드를 목적코드로 옮기는 컴파일과 대비된다.인터프리터는 소스코드를 한줄 한줄 읽어

변수라는 것은 하나의 어떤 값을 답는 대명사임.변수를 선언하는 것은 대명사를 지정하는 것이고 사용한다는 것은 그 대명사를 적용한다는 것이라고 보면 됨.camelCase vs. snake_case 를 사용하고 그 뜻을 유추할 수 있도록 쓰는것.항상 이러한 이유는 개발이라

인자 : 전달인자. 함수에서 받는 값중 실제로 값을 가지고 오는 input의 값매개변수 : 함수정의에서 함수안에서 사용되는 매개'변수'임.

함수를 정의할 때 return이 있다. 생략도 가능하다.return은 단순히 함수의 틀을 잡는 것이 아니라 return을 만나면 그 함수는 종료 된다는 것 조건을 만날때까지 돌다가 만나면 끝이라는것이다.switch-case문의 break같은..단순 함수의 틀이 아니라는

아니면 보통 인자의 개수에 맞춰 같은 기능의 함수를 여러번 정의했었다.그러나이처럼 더 간략해진 코드도 가능하다.day인자가 있다는것은 month, year는 무조건 존재한다는것.

클래스 : 함수들이 여러개 갖춰진 공장이라고 생각하면 된다.자바에서도 붕어빵틀을 비유하곤 했었다...객체(object)를 잘 설계하기 위한 틀.생성자는 생성자명을 지정할 수 있는 것이 아니라 고정된 명 constructor이다. class를 통해 생성된 객체가 인스턴스

이 경우 직접적으로 HTML상에 함수를 실행하라고 명시하는것인데가독성이 떨어지고 이벤트를 단 하나밖에 지정할 수 없다는 단점이 있음.우선 DOM을 이용해 요소를 get한다. 그리고 그 변수를 이벤트 처리기의 프로퍼티로 사용했다.위에서 "btm." 뒤의 "onclick"

map 메서드는 자바스크립트 배열의 내장 메서드인데 배열안의 값들을 반복해서 리턴해준다.map메서드 안의 callback 함수에서 return한 값으로 매요소(foreach같은)를 수정하여 리턴해준다.map 메서드의 return값은 수정된 값으로 다시 생성된 새로운 배

실제로 DB와 백엔드에서 프론트로 전달해주는 데이터는 객체형태로 되어있는 경우가 많다. 일명 JSON 형태JSON( JavaScript Object Notation ). 프론트엔드 개발자라면 이 데이터를 전달받아 사용할 줄 알아야 하느니!객체는 값을 배열처럼 많은 va

콜백함수. 바로실행되는것이 아니라 어디서 콜이 됬을 때 실행되는 함수..예.. 클릭이 되었을때.함수 표현(Function expression)은 함수를 정의하고, 변수에 함수를 저장하고 실행하는 과정을 거칩니다. 하지만 즉시 실행 함수는 함수를 정의하고 바로 실행하여

참고:https://joshua1988.github.io/web-development/javascript/function-expressions-vs-declarations/일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다.유연한 자바스크립트 언어의 특

자바스크립트는 인터프리터 언어로 위에서부터 한줄씩 읽고 실행된다.위에서부터 한줄씩 읽다가 함수를 만나면 그 함수의 리턴까지 가서 함수를 실행하고 그 다음 줄들을 이어 나간다.대부분의 함수들은 동기함수이다.그럼 비동기함수는 무엇이냐. 동기함수와 다르게 그 함수를 만나도

이렇게 했을때 결과는 filter에 의해 userInput이 ""이기에 아무것도 안나올 것이라 생각될 수 있다.그러나 빈스트링과 공백은 다르다. 빈스트링은 모든 스트링을 포함한 것과 같은것으로 이 결과는 arr안의 모든 요소를 반영한다.

정의 비구조화 할당(destructuring assignment) 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식(expression)'입니다.간단하게 정리하면 배열 \[], 혹은 객체 {} 안의 값을 편하게 꺼내 쓸