김코드의 웹디자인 세상

안녕하세요! 오늘은 자바스크립트의 내장 객체와 그 내장 객체 안에 있는 함수에 대해서 알아보겠습니다! 내장 객체(built-in Object)는 브라우저의 자바스크립트 엔진에 내장된 객체를 말합니다. 객체에는 Object 객체, String 객체, Number 객체, Date 객체, Aarray 객체, Math 객체 이외에도 다양한 객체들이 존재합니다. 한번 하나씩 알아볼까요? 👍 1. Object 객체 Object 객체는 자바스크립트 객체의 루트 객체이며, 키(kye)와 값(value)으로 구성된 속성의 집합입니다. 객체는 기본 자료형과 다르게 여러 개의 값을 가질 수 있고, 다른 자료형의 값도 가질 수 있습니다. 객체는 { }를 이용해 생성(리터럴, literal) 할 수 있습니다. 또한 아무런 속성..

안녕하세요! 요즘은 자바스크립트 내의 내장 객체에 대해서 공부 중입니다. string 객체에 대해서 공부하던 중... length 함수를 보고 생각이 나서 이렇게 시작하게 되었습니다. 그렇기에 오늘은 바닐라 자바스크립트를 사용하여 글자 수를 세는 프로그램을 만들어보겠습니다. ☝ vanilla JavaScript 바닐라 자바스크립트란? 플러그인이나 라이브러리를 사용하지 않은 순수 자바스크립트를 말합니다. 그럼 시작해볼까요? 먼저 HTML과 CSS를 설정해둡니다. 저는 오늘은 자바스크립트를 중점적으로 다루고 싶었기 때문에 HTML과 CSS는 가장 기본적으로 설정해두었습니다. ✏ HTML ⌨ 글자 수 세기 확인 textarea에 커서가 깜박거리는 효과를 넣고 싶어서 autofocus를 넣어보았습니다. ✏ CS..