Language/JavaScript
-
[JavaScript] 연산Language/JavaScript 2024. 4. 30. 11:08
1. 산술연산의미연산자더하기+빼기-곱하기*나누기/나머지% 2. 대입연산의미연산자대입하기a = b더하여 대입a += b빼서 대입a -= b곱하여 대입a *= b나누어 대입a /= b* 더하여 대입? : a += b (→ 'a = a + b : a + b의 값을 a에 대입' 과 같은 뜻)let result = 3result += 3console.log(result) 3. 비교연산 → 비교 연산식은 언제나 boolean데이터를 반환한다1) 대소비교의미연산자크다>작다크거나 같다>=작거나 같다 2) 등가비교의미연산자같다==같지않다!=완전히 같다===완전히 같지않다!==*같다(==) vs 완전히 같다(===) == : '추상적(abstract)같음 비교'로써, 자료형이 서로 다르더라고 같다고 판단할..
-
[JavaScript] 템플릿 리터럴Language/JavaScript 2024. 4. 30. 10:02
기존의 문자열은 따옴표를 이용해 표현했지만, 템플릿 리터럴은 백틱을 이용해 표현한다.// 따옴표를 이용한 기존의 문자열const str1 = '작은 따옴표'const str2 = " 큰 따옴표"// 백틱을 이용한 템플릿 리터럴const str3 = `백틱` => 백틱 : 물결(~)키를 Shift없이 누르면 입력할 수 있다 템플릿 리터럴은 표현식을 내장할 수 있는 문자열 표현법이다. ( -> 이는 문자열의 내용에 데이터를 삽입한다는 것을 의미.) 템플릿 리터럴로 표현한 문자열 내부에 플레이스홀더(${})를 기입하고, 그 안에 데이터를 기입하면 데이터는 문자열의 멤버가 된다. 상수값 콘솔출력const data1 = "데이터"const str1 = `문자열 중간에 문자 ${data1} 삽입하기`consol..
-
[JavaScript] 변수Language/JavaScript 2024. 4. 28. 15:00
let 변수이름 = 데이터; // 변수 선언변수이름 = 데이터; // 변수 초기화변수 선언 : 변수를 만드는 작업변수의 초기화 : 만들어진 변수에 첫 데이터를 지정하는 작업 변수이름 규칙: 특수문자는 $,_ 만사용가능 변수를 사용하는 이유?=> 데이터 재사용을 위함 예시)console.log(hello)console.log(hello)console.log(hello)console.log(hello)-> hello 4번 다 수정해야함let greet = "hello"console.log(greet)console.log(greet)console.log(greet)console.log(greet)-> 변수만 수정하면 됨
-
[JavaScript] 객체Language/JavaScript 2024. 4. 27. 20:11
객체: 값 또는 기능을 가진데이터뒤에 점을 찍으면 값 또는 기능을 사용할 수 있다 객체.데이터 : 객체가 가진 데이터나 기능을 사용할 수 있다.객체.기능( ) : 객체가 가지고 있는 다양한 기능을 수행할 수 있다. (괄호필수) --> 객체가 가진 기능을 '메소드'라고 한다. 윈도우 객체 사용해보기윈도우 객체를 사용하면 브라우저에 접근할 수 있다. 1. html 파일 2. js 파일 (script.js)window.alert('경고')window : 객체alert : 기능
-
[JavaScript] JavaScript란?Language/JavaScript 2024. 4. 27. 19:43
자바스크립트 프로그래밍언어 서버개발, 어플리케이션 개발 등 다양한 목적을 위해 사용할 수 있지만, 주된 활동분야는 '웹 개발'이다. 자바스크립트는 브라우저가 가진 기능을 실행시키거나, 웹페이지의 내용을 조작할 수 있다. 자바스크립트 연결방법1. HTML문서 내부에 작성하기 (의 제일 아래쪽에 위치하는 경우가 많음) 2. 자바스크립트 파일을 만들고, 그 안에 작성한 코드를 HTML문서에 연결 (의 제일 아래쪽에 위치하는 경우가 많음)src : 연결하고자하는 외부 소스의 url을 기술하는 속성 주석처리 // : 한줄 주석/* */ : 여러 줄 주석