어느새 5주차를 마무리하는 시점이 되었다. 새 책 냄새가 좋은 빳빳한 책이었는데 어느새 손때를 많이 타서 제법 통통해졌고, 총 게시글 수가 10개가 되지 않는 새 블로그였는데 어느새 게시글 수가 40개가 넘었다. 별건 없지만 그래도 하루하루 쌓이고 있는걸 보니 뿌듯한 마음이다. (공부한 내용 정리는 '혼공학습단' 카테고리를 확인하시면 되겠습니다.) 기본 미션 객체, 속성, 메소드가 무엇인지 설명하기 객체(object) 객체는 한마디로 정의하면 '실제로 존재하는 사물'을 의미하고 '이름(key)과 값(value)으로 구성'된 속성을 가진 자바스크립트의 기본 데이터 타입이다. 자바스크립트에서 여러 자료를 다룰 때 객체를 사용한다. 이전에 살펴보았던 배열도 여러 자료를 다룰 수 있다. 그렇게 할 수 있던 이유..

오늘은 06 - 3장의 내용을 정리해보자. 자바스크립트를 활용해서 리액트, 뷰 프레임워크 등을 개발할 때 사용하는 문법에 대해 알아볼 것이다. 나중에 웹 개발 하면서 관련 내용이 나왔을 때 당황하지 않도록 잘 정리해야한다. 속성 존재 여부 확인 객체 내부에 어떤 속성이 있는지 확인해보는 코드는 굉장히 자주 사용하는 코드이다. 객체에 없는 속성에 접근하면 undefined 자료형이 나온다. 따라서 조건문으로 undefined 인지 아닌지 확인하면 속성 존재 여부를 확인할 수 있다. 개발자들은 일반적으로 더 간단하게 검사하려고 다음과 같은 코드를 사용하기도 한다. 객체의 특성 속성이 false로 변환될 수 있는 값(0, false, 빈 문자열 등)이 아닐 때와 같은 전제가 있어야 안전하게 사용할 수 있다. ..

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