JavaScript 5

JavaScript. day5

Math 빌트인 객체 : 수와 관련된 속성과 메소드를 가진 내장 객체이다. Math.메소드() Math.속성 Math 메소드 및 속성 abs : 주어진 숫자의 절대값을 반환 floor : 주어진 숫자보다 작거나 같은 수 중에서 가장 큰 정수를 반환 pow : 주어진 첫 번쨰 숫자에 두 번째 수만큼 제곱해서 반환 random : 0 이상 1미만의 난수를 반환 sign : 주어진 숫자가 양수인지 음수인지 나타내는 부호를 반환 sqrt : 주어진 수의 제곱근을 반환 객체 리터럴 : 객체를 구성하는 속성(값이나 기능)의 이름과 실제 값을 한 쌍으로 묶어 표현하는 방법. 이때, 속성의 이름을 키(key), 속성의 실제값을 밸류(value)라 한다. 속성을 이용할 때 키를 사용하므로 키는 절대 중복될 수 없다. 그..

JavaScript 2024.01.24

JavaScript. day4

1. 객체 : 명령문으로 어떤 처리를 지시하고자 하는 대상을 가리킨다. 자바스크립트 코드 내에서 객체란 '값 또는 기능을 가지고 있는 데이터'이다. 개발자는 자신이 원하는 값이나 기능으로 구성된 객체를 직접 만들 수 있다. 객체에 내릴 수 있는 명령은 두가지다. 객체.데이터 : 객체가 가지고 있는 숫자, 문자 등의 다양한 데이터를 사용할 수 있다. 객체가 가지고 있는 데이터(정보)를 가리켜 일반적으로 '속성'이라 한다. 객체.기능() : 객체가 가지고 있는 다양한 기능을 수행할 수 있다. 객체가 가지고 있는 기능을 가리켜 일반적으로 '메소드'라 한다. 1-1. 생성자 : 객체를 생성할 때 사용하는 함수로서, '생성자 함수'라고도 한다. 사용할 기능을 정의한 일반 함수와 생성자 함수 사이에 특별한 문법적 ..

JavaScript 2023.12.27

JavaScript. day3

함수 : '불러서 쓸 수 있는 코드 조각'이다. 변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터(값)대신 사용할 수 있는 것처럼, 함수를 선언하고 기능을 정의하면 함수의 이름을 코드 조각 대신 사용할 수 있다. 변수를 선언하는 것처럼 함수를 직접 만들 수도 있다. 그러나 그 특성이 서로 다른만큼, 방법도 다르다. 함수 선언식 function 함수명(){ //함수의 기능을 표현하 구문 } 선언식으로 만든 함수의 경우 호이스팅이 가능하다. -> 함수 만드는 부분이 호출하는 부분보다 아래에 있어도 된다. 함수 표현식 const 함수명 = function 함수명(){ //함수의 기능을 표현하 구문 } 표현식으로 만든 함수의 경우 호이스팅이 불가능하다. -> 함수의 호출보다 무조건 먼저 선언되어야한다. 위..

JavaScript 2023.12.26

JavaScript. day2

DOM 메소드 document.querySelector(x) : CSS 선택자 x를 기반으로 첫 번째 요소를 선택한다. document.querySelectorAll(x) : CSS 선택자 X를 기반으로 여러 요소를 선택한다. document.getElementById(x) : id 속성의 값을 기반으로 여러 요소를 선택한다. document.getElementByClassName(x) : class 속성의 값을 기반으로 여러 요소를 선택한다. document.write(x) : 문서에 콘텐츠 x를 추가 입력한다. DOM 메소드 속성 textContent : 선택된 요소의 모든 텍스트 요소를 선택한다. 코드상의 공백을 포함한다. innerText : 선택된 요소의 모든 텍스트 요소를 선택한다. 코드상의 ..

JavaScript 2023.12.25

JavaScript. day1

JavaScript : 프로그래밍 언어이다. 서버개발, 어플리케이션 개발 등 다양한 목적을 위해 사용할 수 있는 언어이지만, 주된 분야는 웹 개발이다. html이 웹 콘텐츠를 정의하고 css로 웹 콘텐츠를 스타일링하면, 웹 사이트의 동작이나 상호작용을 정의한다. * JavaScript의 역할 웹브라우저 및 하위 객체가 가진 기능을 구동한다. html/css 를 통해 렌더링된 화면을 조작할 수 있다. * JavaScript의 작성 위치 html 문서 내부에 작성하기 : html 내부에 작성할 땐태그의 안쪽 하단에 * JavaScript의 동작원리 : JavaScript는 프로그래밍 언어로써, 소프트웨어적 대상에게 명령을 내리는 역할을 수행한다. 여기서 소프트웨어적 대상이란, 웹브라우저, 웹요소, 웹스타일 ..

JavaScript 2023.12.21