본문 바로가기

자바스크립트(JavaScript)55

[JavaScript] 자바스크립트의 객체(Object)란? 객체   Object  객체는 기능(함수)과 속성(프로퍼티)으로 이루어져 있다. 즉, 함수와 변수를 섞어 놓은 것을 말한다.예를 들어 앞서 배웠던 html 태그들도 하나의 객체라고 볼 수 있다.객체는 객체마다 사용할 수 있는 기능과 속성이 정해져 있다.예시) a태그기능링크연결속성href, tille, target, inline 등 inline 속성을 가진 태그에게 넓이값를 지정하면 안되는 것처럼 해당 객체마다 올바른 기능과 속성을 적용해야한다.자바스크립트는 유연한 프로그램이기 때문에 잘못된 속성과 값을 입력하면 오류 표시가 뜨는 것이 아니라 자동으로 값을 입력하여 출력한다. 이러한 문서는 오류를 찾기 힘들다는 단점이 있다.만약 a태그에게 넓이값을 입력하면 값이 자동으로 undifined 로 입력되는 것이.. 2024. 7. 15.
[JavaScript] continue 과 break 의 차이 continue 문과  break 문continue문과 break문은 반복문에서 '빠져나올 수 있는' 유일한 JavaScript 명령문이다.break문은 이 문장에서 '빠져나옴' , continue문은 이 문장을 '건너뛴다.'고 생각하면 간단하다.이 두 명령문은 반복문 내에서 코드의 흐름을 제어하고 다루기에 필수적인 구문이다.이러한 특성을 잘 이해하고 활용하는 것이 반복문을 활용하는데 큰 도움이 될 것이다. continue continue 문은 반복문에서만 사용할 수 있는 명령문이다.반복문 내에서 단일 문장으로 쓰이며, '다음 코드를 무시해라'라는 의미이다.continue가 나올 때, 다음 문장이 무시되는 특성 때문에 보통 조건문과 함께 쓰인다.조건문과 함께 사용 될 경우에는 ' 다음과 같은 조건일 때,.. 2024. 7. 12.
[JavaScript] 제어문 : 조건문(if, else if, else) / 선택문(switch) / 반복문(while, do while, for) 제어문 이란?제어문은 프로그램의 흐름을 제어 할 수 있도록 도와주는 문장을 말한다.제어문에는 조건식에 만족여부에 따라 코드를 제어하는 '조건문'과 '변수'의 일치에 따라 코드를 제어하는 '선택문'특정 코드를 원하는 횟수만큼 반복 실행하는 '반복문'이 있다. if if문은 조건식의 만족 여부에 따라 코드를 제어하는 '조건문'이다. if문에 쓰이는 조건식은 앞에서 배웠던 Boolean 데이터와 마찬가지로 true 또는 false 값을 반환한다. 계산 순서는 아래와 같다.  조건식 검사1-1조건식 결과 값 true2-1{중괄호} 안의 코드 실행종료1-2조건식 결과 값 false2-2-먼저 조건식을 검사하고, 조건식을 만족(true)할 경우 {중괄호} 안의 코드를 실행 후 종료한다. 만약, 조건식을 불만족(fa.. 2024. 7. 11.
[JavaScript] 자바스크립트로 평균 체중 계산기 만드는 방법 평균 체중 계산기  만들기철수라는 가상의 인물을 만들어 철수의 적정체중을 구해보고,prompt()메서드를 활용해 사용자가 입력한 내용을 바탕으로 계산할 수 있는 계산기를 만들어 보겠다.적정 체중을 구하는 공식적정 체중 = (본인 키 - 100) x 0.9 철수의 적정 체중을 먼저 구해보겠다.적정 체중을 구하기 위해 철수라는 가상 인물의 키와 몸무게 값을 설정해주었다.철수는 키 180cm에 몸무게 74kg의 인물이다.위의 적정 체중을 구하는 공식에 넣어보면 철수의 적정 체중은 (180-100) x 0.9이다.//철수의 평균 체중 계산기 var userHeight = 180; // 철수의 키 var userWeight = 74; // 철수의 몸무게 var normal_weight .. 2024. 7. 9.
[JavaScript] 연산자 연산자란? 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)를 이용해서 연산을 할 수 있다.자바스크립트에의 연산자는 다음과 같다.산술 연산자, 문자 결합 연산자, 대입(복합대입) 연산자, 증감 연산자, 비교 연산자, 논리 연산자, 삼항 조건 연산자1. 산술 연산자산술 연산자는 사칙연산과 같다. 더하기(+), 빼기(-), 곱하기(*), 나누기(/), 나머지(%)가 바로 산술연산자이다. 산술연산을 하기 위해서 반드시 연산 대상 데이터(=피연산자)가 반드시 두 개 있어야한다.   연산예시더하기 +15 + 2 = 17빼기 -15 - 2 = 13곱하기 *15 * 2 = 30나누기 /15 / 2 = 7.5나머지 %15 % 2 = 1연산 대상 데이터(=피연산자)란? -  15 + 2 라는 연산 내용.. 2024. 7. 5.
[JavaScript] 변수와 자료형 변수란?변수란 변하는 값을 저장할 수 있는 메모리 공간을 말한다. 데이터를 담을 수 있는 그릇이라고 생각하면 된다.이 변수라는 그릇에는 오직 한개의 데이터만 저장할 수 있다.만약 새로운 데이터가 들어오려고 한다면 기존에 있던 데이터를 없애고 마지막에 들어온 데이터만 남긴다.// 예시var num = 3;var num = 10; // var로 다시 선언하면 앞전의 변수를 완전히 삭제한 것과 같다.num = 10; // 변수값만 바꾸는 것이라면 var로 다시 부를 필요가 없다.변수에 담을 수 있는 데이터 종류로는  '문자형 데이터(=string data)', '숫자형 데이터(=number data)', '논리형데이터(=bollean data)', '빈데이터(null datat)', 'undefined dat.. 2024. 7. 5.

티스토리툴바