예시:자바스크립트 코드의 양이 많은 경우엔, 파일로 소분하여 저장할 수 있습니다.이렇게 분해해 놓은 각 파일은 src 속성을 사용해 HTML에 삽입합니다.물론 아래와 같이 URL 전체를 속성으로 사용할 수도 있습니다.HTML 안에 직접 스크립트를 작성하는 방식은 대개
변수(variable)는 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’ 입니다.자바스크립트에선 let 키워드를 사용해 변수를 생성합니다.다음과 같이도 표현할 수 있다.만들어진 지 오래된 스크립트에서 let 대신 var라는 키워드를 발견하는 경우가 있습니다.var는
alert 함수는 앞선 예제에서 살펴본 바 있습니다. 이 함수가 실행되면 사용자가 ‘확인(OK)’ 버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 됩니다.브라우저에서 제공하는 prompt 함수는 두 개의 인수를 받습니다.함수가 실행되면 텍스트 메시지와 입력 필드
자료형 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속합니다. 자바스크립트에는 여덟 가지 기본 자료형이 있습니다. 이번 챕터에선 이 자료형 모두를 개괄적으로 다루도록 하겠습니다. 각 자료형에 대한 세부 사항들은 이어지는 챕터에서 다룰 예정입니다.
함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됩니다. alert가 전달받은 값의 자료형과 관계없이 이를 문자열로 자동 변환하여 보여주는 것이나, 수학 관련 연산자가 전달받은 값을 숫자로 변환하는 경우가 형 변환의 대표적인 예시입니다. 이 외에,
피연산자(operand) 는 연산자가 연산을 수행하는 대상입니다. 5 \* 2에는 왼쪽 피연산자 5와 오른쪽 피연산자 2, 총 두 개의 피연산자가 있습니다. '피연산자’는 '인수(argument)'라는 용어로 불리기도 합니다.피연산자를 하나만 받는 연산자는 단항(una
문자열 비교 자바스크립트는 유니코드 순으로 문자열을 비교합니다. 그래서 문자열을 구성하는 문자 하나하나를 비교해가며 문자열을 비교합니다. 예시: 문자열 비교 시 적용되는 알고리즘은 다음과 같습니다. 1.두 문자열의 첫 글자를 비교합니다. 2.첫 번째 문자열의 첫
if문에서 기본과 자주사용하는 것 위주로 정리했다.조건부 연산자는 물음표?로 표시합니다. 피연산자가 세 개이기 때문에 조건부 연산자를 '삼항(ternary) 연산자’라고 부르는 사람도 있습니다. 참고로, 자바스크립트에서 피연산자가 3개나 받는 연산자는 조건부 연산자가
a ?? b의 평가 결과는 다음과 같습니다.a가 null도 아니고 undefined도 아니면 a그 외의 경우는 bx = a ?? b와 동일한 동작을 하는 코드를 작성하면 다음과 같습니다.또 다른 예시 NameOne, NameTwo, NameThree이란 변수에 사용자
‘while’문
자바스크립트엔 세 종류의 논리 연산자 ||(OR), &&(AND), !(NOT)이 있습니다. || (OR) 인수 중 하나라도 true이면 true를 반환하고, 그렇지 않으면 false를 반환 피연산자가 모두 false인 경우를 제외하고 연산 결과는 항상 true
복수의 if 조건문은 switch문으로 바꿀 수 있습니다.switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해줍니다. 코드 자체가 비교 상황을 잘 설명한다는 장점도 있습니다.
스크립트를 작성하다 보면 유사한 동작을 하는 코드가 여러 곳에서 필요할 때가 많습니다.사용자가 로그인이나 로그아웃을 했을 때 안내 메시지를 보여주는 동작 같은 경우 말이죠.함수는 프로그램을 구성하는 주요 '구성 요소(building block)'입니다. 함수를 이용하면
함수 표현식자바스크립트는 함수를 특별한 종류의 값으로 취급합니다. 다른 언어에서처럼 "특별한 동작을 하는 구조"로 취급되지 않습니다.이전 챕터에서 함수 선언(Function Declaration), 함수 선언문 방식으로 함수를 만들었습니다. 아래와 같이 말이죠.
함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다.바로 화살표 함수(arrow function)를 사용하는 것입니다. 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다.
지금까지 배운 내용을 다시 떠올리고 요약해봅시다. 외우기 쉽지 않아 자칫하면 실수할 수 있는 부분을 중심으로 요약해 보도록 하겠습니다.
Chrome으로 디버깅하기좀 더 복잡한 코드를 작성하기 전에, 디버깅이란 것에 대해 이야기해봅시다.
개발자는 가능한 한 간결하고 읽기 쉽게 코드를 작성해야 합니다.
코드 구조에서 알아본 바와 같이 한 줄짜리 주석은 //로, 여러 줄의 주석은 / ... /로 시작합니다.주석(comment)은 어떻게 코드가 동작하는지, 왜 코드가 동작하는지를 설명하는 데 쓰입니다.
테스트 자동화는 앞으로 풀어야 할 과제에서뿐만 아니라 현업에서도 광범위하게 쓰입니다.
자료형 챕터에서 배웠듯이 자바스크립트엔 여덟 가지 자료형이 있습니다. 이 중 일곱 개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어 '원시형(primitive type)'이라 부릅니다.
객체와 원시 타입의 근본적인 차이 중 하나는 객체는 ‘참조에 의해(by reference)’ 저장되고 복사된다는 것입니다.원시값(문자열, 숫자, 불린 값)은 ‘값 그대로’ 저장·할당되고 복사되는 반면에 말이죠
자바스크립트는 눈에 보이지 않는 곳에서 메모리 관리를 수행합니다.
객체는 사용자(user), 주문(order) 등과 같이 실제 존재하는 개체(entity)를 표현하고자 할 때 생성됩니다.
객체 리터럴 {...} 을 사용하면 객체를 쉽게 만들 수 있습니다. 그런데 개발을 하다 보면 유사한 객체를 여러 개 만들어야 할 때가 생기곤 합니다. 복수의 사용자, 메뉴 내 다양한 아이템을 객체로 표현하려고 하는 경우가 그렇죠.
s
배열 선언하는 법배열은 0부터 시작데이터 추가 방법배열의 길이 출력반복문
var, let, const은 모두 JavaScript에서 변수를 선언하는 데 사용되지만, 중요한 차이점이 있습니다.var은 함수 스코프를 가지며 값을 재할당할 수 있으므로 선언된 함수 내 어디서든 접근할 수 있습니다. 또한 var 변수의 값을 언제든지 재할당할 수 있
객체 객체는 이름이 있는 정리 정돈 상자 배열은 순서 있이 정보를 저장 객체는 순서 없이 정보를 저장 객체는 key값과 value값으로 나뉘어진다. 객체를 만들때 사용하는 기호, 객체 리터럴(object literal)는 {}중괄호 이다. 프로퍼티 객체에 소속
제일 최신 문법 인 Arrow function을 위주로 설명한다. 화살표 함수 (Arrow Function) ES6에서 추가된 새로운 함수 표현식입니다. 간단한 함수를 만들 때 유용합니다. 파라미터가 하나 라면 소괄호 생략이 가능합니다. 중괄호 안에 return이