JS

dash-case(kebab-case): the-quick-brown-fox-jumps-over-the-lazy-dog이런식으로 중간에 -(dash기호) 사용dash기호가 케밥의 꼬챙이처럼 보이기도 해서 케밥 케이스라고도 함HTML, CSS에서 사용snakecase:

매개변수 : 함수 안에서 데이터를 받아주는 매개가 되는 변수함수 안에서만 사용 가능인수: 매개변수가 받아줄 특정한 데이터들꼭 숫자가 아니더라도 문자, 숫자, 불린, undefined, null, 객체, 배열 데이터 모두 가능함수 선언function hello( ) {

querySelectorAll: HTML 요소(Element) 모두 검색/찾기const boxEls = document.querySelectorAll('.box');console.log(boxEls);=> querySelectorAll은 .box에 해당하는 모든 것을

낙타 표기법theQuickBrownFoxlet fruits = 'Apple', 'Banana', 'Cherry'; 바나나 콘솔 출력하기console.log(fruits1);불린 데이터에서 거짓을 의미하는 데이터는?false'값이 의도적으로 비어있음'을 의미하는 데이터는

package.json은 직접적으로 관리하는 파일package-lock.json은 특정한 패키지들이 자동으로 관리되는 형태node_modules는 언제든지 삭제해도 되지만(npm install이라는 명령어로 언제든지 다시 설치 가능),package.json, packa

ECMA스크립트: 5버전 6버전(2015)에 차이가 크기 때문에 알아둬야함그 이후에는 1년에 한 번씩 작게 업데이트 됨인터넷익스플로러같은 구버전 브라우저는 5버전 이하만 지원함비교적 신형 브라우저들은 6버전 이상도 지원함console.log(typeof "Hello w

메모리 : 데이터를 저장할 수 있는 메모리 셀의 집합체 메모리 셀 하나의 크기 = 1바이트 = 8비트 컴퓨터는 메모리 셀의 크기(1바이트)단위로 데이터를 저장하고 읽어들임 메모리에 저장되는 모든 값은 2진수로 저장됨 > 변수(variable) : 하나의 값을 저장하

호이스팅(variable hoisting) : 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징 -> 인터프리터 언어인 자바스크립트는 위에서부터 한 줄씩 순차적으로 실행되는데, 변수 선언은 런타임(runtime) '이전 단계'에 먼저

값(value): 식(표현식(expression))이 평가(evaluate)되어 생성된 결과평가: 식을 해석해서 값을 생성하거나 참조하는 것변수: 하나의 값을 저장하기 위해 확보한 메모리 공간 자체, 메모리 공간을 식별하기 위해 붙인 이름\-> 따라서 변수에 할당되는

1995년 12월에 Brendan Eich가 10일만에 만든 언어'넷스케이프'라는 브라우저 때문에 만들었음그 당시 HTML과 CSS밖에 없었기 때문에 사람들은 웹사이트들이 조금 더 인터렉티브하기를 원했고 JavaScript라는 프로그래밍 언어가 만들어짐JavaScrip

integer (정수) (=full number)ex) 1, 2, 3float(실수)ex) 1.5, 2.7, 3.8string(문자)ex) "hello""hello " + "I'm been" // "hello I'm been"값을 저장하거나 유지하는 역할만약 아래의 식

JavaScript의 Array 객체에는 map, filter, concat, includes등 다양한 내장 메서드가 있음map 메서드는 배열의 각 요소를 변환하여 새로운 배열을 생성할 때 사용됨문법array.map(function(currentValue, index,

ES6에서 새로 도입된 함수 표현식문법(parameters) => expression'또는(parameters) => { statements }특징this, arguments, super, new, target 바인딩이 없음대신 상위 스코프의 값을 상속받음생성자 함수로

계속 반복해서 사용할 수 있는 코드 조각어떤 코드를 캡슐화해서 실행을 여러번 할 수 있게 해줌만약 아래와 같이 반복되는 코드를 하나하나 다 작성해줘야 한다면 비효율적임이럴때 함수를 사용하면 효율적으로 코드를 작성할 수 있음함수를 만드는 방법규칙 1) ()가 필요함규칙

변수를 만드는 두 가지 방법1) const a = 5;2) let a = 5;const업데이트 불가능let업데이트 가능업데이트할때는 let을 다시 붙이지 않아도 됨항상 const를 사용하되, 업데이트 가능성이 있으면 let을 사용하고, var는 사용하지 말기string

console.log는 console에 결과를 표시해주는데, 우리는 data를 얻어서 그 data로 무언가를 해야함대부분의 경우 function으로 무언가를 해서 function으로부터 결과 값을 얻기를 원함return을 사용하면 됨함수 안에서 무언가를 return 하

calculator object 만들어보기const calculator = { add: function (a, b) { console.log(a + b); }, minus: function (a, b) { console.log(a - b);

어떤 특정한 일을 하는 코드의 묶음더 다양하고 의미있는 일을 하기 위해 매개변수 또는 인자라고 하는 입력값을 전달 받을 수 있음함수는 여러가지 종류의 인자를 전달 받을 수 있음(숫자, 문자열, 객체, 또 다른 함수)어떤 함수의 인자로 전달되는 함수콜백함수를 전달 받은

let, const, varvar, let 비슷함한 번 선언된 변수를 다시 선언할 수 있음선언 전 사용 가능 : 호이스팅으로 인해 선언이 최상위로 끌어올려지기 때문선언은 호이스팅 되지만 할당은 호이스팅 되기 않기 때문에 선언 후 할당 전까지는 undefined 상태임호

우리가 보통 쓰는 수는 10진수 -> 개발할때 필요 시 2진수/16진수를 사용함toString()는 숫자를 문자로 바꿔줌괄호안에 숫자를 쓰면 그 숫자의 진법으로 바꿔줌수학과 관련된 프로퍼티와 메소드를 가지고 있는 내장함수요구사항 : 소수점 둘째자리까지 표현 (셋째 자리

구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식split 이용만약 해당하는 값이 없으면 undefiend가 할당 됨이럴 때 기본 값을 주면 에러를 방지할 수 있음공백과 쉼표를 이용해서 필요하지 않은 배열 요소를 무시할