오늘은 06 - 2장의 내용 정리를 마무리 해보자. 외부 script 파일과 라이브러리를 활용하는 방법에 대해 간단하게 알아볼 예정이다. 자바스크립트를 더 유용하게 활용하기 위해 꼭 알아야 하는 내용이니 잘 정리해보자. 그럼 정리 시작! 외부 script 파일 읽어들이기 지금까지는 HTML 페이지 내부에 script 태그를 만들고 자바스크립트 코드를 입력했다. 간단한 프로그램은 그렇게 만들 수 있지만, 프로그램의 규모가 커지면 파일 하나가 너무 방대해지기 때문에 파일을 분리하는게 좋다. 파일을 어떻게 분리할 수 있는지 알아보자. 일단 별도의 자바스크립트 파일을 만들어야 한다. 비주얼 스튜디오 코드에서 main.html과 test.js라는 이름으로 파일을 생성해서 같은 폴더에 넣자. 확장자가 js인 파일이..

06 - 2장 개념정리 두 번째 시간이다. 기본 자료형과 연결괸 객체, 자바스크립트에 내장된 객체에 대한 내용을 간단하게 살펴볼 예정이다. 중요한 개념이 많이 등장하니 꼼꼼하게 정리해보자. 그럼 정리 시작! Number 객체 기본 자료형과 연결된 객체에서 자주 사용하는 것만 기능적으로 살펴보자. 우선 Number 객체의 기본 메서드이다. 소수점 N번째 자릿수까지 출력하기: toFixed() Number 객체에서 자주 사용하는 메소드는 toFixed() 메소드이다. 소수점 이하 몇 자리까지만 출력하고 싶을 때 사용한다. NaN과 Infinity 확인하기: isNaN(), isFinite() 어떤 숫자가 NaN인지 또는 Infinity인지 확인할 때는 Number.isNaN() 메소드와, Number.isF..

오늘은 06 - 2장의 내용을 정리해 보자. 06 - 2장의 제목은 '객체의 속성과 메소드 사용하기'로, 객체와 관련된 기본적인 문법들을 다루고 있다. 다음 장부터 본격적으로 객체를 사용해서 어플리케이션을 개발하므로 확실하게 익히도록 하자. 그럼 정리 시작! 객체 자료형 속성과 메소드를 가질 수 있는 모든 것은 객체이다. 배열, 함수 역시 객체이다. 함수는 '실행이 가능한 객체'라는 특이한 자료로 typeof 연산자를 사용해서 자료형을 확인하면 "function"을 출력한다. 함수는 객체의 특성을 완벽하게 가지고 있으므로 자바스크립트에서는 함수를 일급 객체(first-class object, first-class citizen)에 속한다고 표현하기도 한다. 기본 자료형 자바스크립트에서는 실체가 있는 것(..

오늘은 06 - 1장의 내용을 정리해 보자. 06 - 1장의 제목은 '객체의 기본'으로, 객체를 생성하고 관리하는 기본적인 내용을 다루고 있다. 매우 유용하고 많이 활용되는 기능이므로 선언부터 확실하게 기억하자. 그럼 정리 시작! 객체 객체는 한마디로 정의하면 '실제로 존재하는 사물'을 의미하고 '이름과 값으로 구성'된 속성을 가진 자바스크립트의 기본 데이터 타입이다. 자바스크립트에서 여러 자료를 다룰 때는 객체를 사용한다. 이전에 살펴보았던 배열도 여러 자료를 다룰 수 있다. 그렇게 할 수 있던 이유는 배열도 객체이기 때문이다. 배열은 객체를 기반으로 만들어졌으므로 배열과 객체는 상당히 비슷하다. 다른 점이 있다면 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키를 사용한다. 객체는 중괄호{....

어느새 반환점을 돌아 4주차를 마무리하는 시점이 되었다. 이번주차에는 익명 함수, 화살표 함수, 고차 함수 등 중요한 내용이 많이 등장했는데 미션을 진행하면서 잘 소화해보자. (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 p.202 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기 논리 연산자 사용이 익숙하지 않아 if 조건문을 사용했다. 코드가 지저분하다. DOCTYPE html> Document function isLeapYear(year) { if (year % 4 === 0) { if (year % 100 === 0) { if (year % 400 === 0) return true else return false } else return true } ..

오늘은 05 - 2장의 내용을 마무리 하자. 05 - 2장의 뒷부분에는 실무에서 다룰만한 코드, 익명함수와 선언적 함수의 차이에 대해 다루고 있다. 생소한 부분이지만 알아두면 좋을 것 같다. 그럼 정리 시작! 즉시 호출 함수 다음과 같이 익명 함수를 생성하고 곧바로 즉시 호출하는 패턴을 많이 볼 수 있다. (function () {}) () 여러 웹 사이트의 자바스크립트 코드를 살펴보면 HTML 페이지 내부에서 script 태그를 여러개 사용하고 코드를 입력한다. 이렇게 코드가 여러곳에서 사용되면 변수 이름이 충돌할 가능성이 높다. DOCTYPE html> Document let pi = 3.14 console.log(`파이값은 {pi} 입니다.`) let pi = 3.141592 console.log(..