자바스크립트

웹페이지에 생동감을 주는 프로그래밍 언어입니다.자바스크립트로 작성한 프로그램이 스크립트이고 웹페이지 안에서 작성할 수 있습니다. 이는 웹 페이지를 불러올 때 자동으로 실행됩니다.스크립트는 별도의 컴파일 없이 보통의 문자 형태로 작성, 실행 할 수 있습니다.자바스크립트는

ECMA-262 명세서위의 링크는 자바스크립트의 가장 믿을만한 공식 문서입니다.혹시 지바스크립트를 공부하다가 모르는 내용이 있다면 참고하도록 합시다.1) MDN JavaScript ReferenceMozilla에서 운영하는 MDN JavaScript Referenc

코드 에디터는 크게 통합 개발 환경(IDE)와 경량 에디터로 나뉜다.프로젝트 전체를 관장하는 다양한 기능을 제공합니다.이는 단순한 에디터가 아닌 개발 환경을 쾌적하게 해주는 통합 환경입다.수많은 파일로 구성된 프로젝트를 불러오고, 파일 간의 탐색 작업이 수월해집니다.

브라우저는 스크립트에 에러가 발생해도 직접 보여주지 않습니다.에러가 발생했는지 조차 확인이 바로 알 수 없습니다. 이때 개발자 도구를 사용하면 에러를 확인할 수 있습니다.chrome, firefox 중 하나를 택해 개발하는 것을 추천합니다.F12를 누르면 개발자 콘솔을

html 파일에 스크립트를 삽입하는 방법은 다음과 같습니다.script코드 삽입 사진script 태그 속에 자바스크립트 코드가 삽입되고, 브라우저는 이 태그를 보면 자동으로 코드를 실행합니다.type 속성예전 HTML4에서는 type="text/javascript"처럼

명령어 한줄 한줄을 의미합니다.코드의 가독성을 위해 다른 줄에 작성해야 합니다.각 문의 줄 바꿈이 있다면 세미콜론을 생략하기도 한다.생략해도 좋지만 문 사이에는 세미콜론을 넣어주는 것이 좋습니다.코드가 왜 이렇게 작성되었는지 등을 설명하기 위해 주석을 사용합니다.한줄

자바스크립트는 기존의 기능을 변경하지 않으면서 새로운 기능을 추가하며 발전하였기에 기존에 작성한 코드는 망가지지 않았습니다. 하지만 이로인해 불완전성이 코드에 있었습니다.이에 2009년 ECMAScript(ES5)가 등장하였습니다. ES5에서 새로운 기능이 추가되었고

변수는 데이터를 저장할 때 이름이 있는 그릇입니다.let 키워드를 사용해서 변수를 생성합니다. 변수 선언 및 초기화, 사용은 아래와 같이 합니다.var 키워드를 사용하기도 합니다. 둘은 동일하지만 var는 좀 오래된 방식입니다.같은 변수를 두 번 선언하면 에러가 발생합

8가지 기본 자료형이 있습니다. 자료의 타입은 있지만 변수에 저장되는 값의 타입은 언제든지 바뀔 수 있는 언어를 동적 타입 언어라고 부릅니다.자바 스크립트는 동적 타입 언어입니다.정수 및 부동소수점 숫자를 표현하고 사칙연산 등이 가능합니다.Infinity, NaN과 같

alert, prompt, confirm은 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능이다.이 함수는 확인 버튼을 누를 때까지 메세지를 보여줍니다.모달메세지가 있는 작은 창은 모달 창이라고 합니다. 모달은 페이지의 나머지 부분과는 상호작용이 불가능하여 모

함수와 연산자에 전달되는 값은 적정한 자료형으로 자동 변환되는데 이를 형변환이라고 합니다.전달받은 값을 의도적으로 원하는 타입으로 명시적 변환해주는 경우도 형 변환에 속합니다.이번 장에서는 원시형 형변환에 대해서 알아보겠습니다.alert(value)에서 value는 문

기본 연산자와 수학 용어 ◼ 피연산자 연산이 수행되는 대상을 의미합니다. 100 + 300 에서 100, 300은 피연산자, +는 연산자를 의미합니다. ◼ 단항 피연산자를 하나만 받는 연산자를 단항 연산자라고 합니다. var x = 5; x = -x; aler

■ 보다 큼, 작음 < , >■ 보다 크거나(작거나) 같은 <=, >=■ 같음 ==■ 같지 않음 !=비교 연산자의 반환값은 불린형입니다. (true, false)자바스크립트는 문자열을 사전순으로 비교합니다.단 대문자 'A', 소문자 'a'를 비교한다면 'a'

if와 '?'를 사용한 조건 처리 조건에 따른 처리는 if문과 ? 연산자를 사용하면 됩니다. if문 이 때 if문 안의 표현식을 평가한 후 그 결과를 불린값으로 변환합니다. falsy값 0, "", null, undefined, NaN이 결과로 나오면 false가

1) || : OR 연산자 하나라도 true라면 true2) && : AND 연산자 둘 다 true여야지 true3) ! : NOT 연산자 true -> false, fasle -> true로 바뀜논리 연산자의 우선순위! > && > ||

null 병합 연산자 ?? ?? 연산자는 추가된지 얼마 안 된 문법입니다. null 병합 연산자 ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정되어 있는' 변수를 찾습니다. a ?? b 를 평가해봅시다. a가 null, undefined가 아니라면

condition이 truthy 이면 반볻문 본문 부분이 실행됩니다.위의 코드에서 i++이 없었다면 반복문은 영원히 반복되었을 것입니다.브라우저는 이런 무한 반복을 멈추게 해주는 실질적인 수단을 제공합니다.condition이 참이든 거짓이든 우선 한번은 반복문 본문을

if 조건문을 switch 문으로 바꿀 수 있습니다.case문 안에 break문이 없으면 해당 조건 이후에 나오는 case문들은 조건이 맞지 않아도 실행됩니다.비교하려는 값과 case문의 값의 자료형과 값이 같이야 case문이 실행됩니다.

코드를 작성하다 보면 유사한 동작을 하는 코드를 여러 번 사용해야 할 때가 있습니다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있습니다.앞서 alert(msg), prompt(msg, default), confirm(question)과

자바스크립트는 다른 언어들과 다르게 함수를 특별한 종류의 값으로 취급합니다.함수 표현식은 함수를 생성하고 변수에 값을 할당하는 것처럼 함수가 변수에 할당되었습니다. 함수가 어떤 방식으로 만들어졌는지에 관계없이 함수는 값이고 따라서 변수에 할당할 수 있습니다.하지만 함수

화살표 함수를 사용하면 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있습니다.expression : 표현식함수는 이 표현식을 평가하고, 평가 결과를 반환합니다.위 두 식은 같은 함수를 의미합니다. 화살표 함수는 함수 표현식을 축약적으로 표현할 수 있습니다.

테스트 자동화와 Mocha 테스트 자동화는 현업에서 광범위하게 사용되는 중요한 분야입니다. 테스트는 왜 해야할까요? 개발 중에 원하는 결과가 잘 나오고 있는지 코드 중간중간 콘솔 등을 이용하면서 확인하게 됩니다. 실제 실행 결과가 기대값과 다르다면 코드를 실행하여 그

자바스크립트는 끊임없이 진화하는 언어입니다. 새로운 제안들이 정기적으로 등록, 분석되고 가치가 있는 제안들은 명세서에 등록됩니다.자바스크립트 엔진을 만드는 각 조직은 일정한 우선순위를 매겨 명세서 내 어떤 기능을 먼저 구현할지 결정합니다.명세서에 등록된 기능보다 초안에

자바스크립트에는 8가지 자료형이 있습니다. 자료형은 크게 원시형(7개)과 객체형(1개)으로 구분할 수 있습니다.🎁원시형하나의 데이터만 담을 수 있는 자료형🎁원시형의 종류 Boolean, Null, Undefined, Number, BigInt, String, Sym

참조에 의한 객체 복사 객체형과 원시형의 근본적인 차이는 참조에 의한 복사 vs 값에 의한 복사입니다. 🎈 원시형은 '값 그대로' 저장, 할당되고 복사되고 객체형은 '참조에 의해' 저장, 복사됩니다. 두 개의 변수에는 각각 "Hi!"가 저장됩니다. 🎈 변수에는

가비지 컬렉션 원시값, 객체, 함수 등 코드에 만든 모든 것은 메모리를 차지합니다. 자바스크립트 엔진은 이런 메모리를 관리해줍니다. 자바스크립트 엔진은 어떻게 필요 없는 것을 찾아내 삭제할까요?? 가비지 컬렉션 기준

메서드와 this 객체는 실제 존재하는 개체를 표현하고자 할 때 생성됩니다. 이런 객체들은 내부에 함수를 할당해 객체에게 행동할 수 있는 능력을 부여해줍니다. 메서드 만들기 user 안에 sayHi라는 함수를 할당해 주었습니다. 이제 안녕하세요! 라고 인사를 하고

객체 리터럴 {...}을 사용하면 객체를 쉽게 만들 수 있습니다. 종종 유사한 객체를 여러 개 만들어야 할 때가 있습니다. 이때 new연산자와 생성자 함수를 사용하면 유사한 객체들을 쉽게 만들 수 있습니다.1\. 함수 이름의 첫 글자는 대문자로 시작합니다.2\. 반드시