🍼자바스크립트 기본 명령어🍼

Kyla Kim·2023년 3월 8일

자바스크립트

프엔꿈나무

목록 보기

3/8

✔ 변수 선언

var
let
const
var는 사용하지 않는 것이 좋음. let은 재할당이 가능, const는 재할당이 불가능

✔ 텍스트

문자열 텍스트는 " "와 ' '둘 다 가능

✔ 숫자

정수와 유리수의 구분 없이 숫자 자료형을 가짐
사칙연산자( +, -, *, / ) 사용 가능

✔ 출력 방법

alert("값") : 경고창을 띄우는 것
document.write("값") : 브라우저 값을 출력하는 것
console.log("값") : 개발자 도구에서 확인 가능한 콘솔에 값을 출력하는 것

✔ 입력 방법

prompt( ) : 입력 창이 뜨는 것
- 입력해서 반환 받는 값 = prompt("안내문구", "default");
- 문자열만 입력 가능, 숫자를 써도 문자열로 리턴됨

let name = prompt("안내문구", "default");
alert(name +", Hi");

confirm( ) : 확인 창이 뜨는 것
- 확인 / 취소 버튼과 함께 확인을 받을 때 사용. 삭제 안내 등
- 입력해서 반환 받는 값 = confirm("안내 문구")
  - 확인 누르면 true / 취소 누르면 false

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	var del = function() {
		var re = confirm("삭제하시겠어요?");
		alert(re);
	}
</script>
</head>
<body>
	<button onclick="del()">삭제</button>
</body>
</html>

✔ typeof("변수명")

변수의 타입을 알기 위한 함수
- === 양 변의 자료형과 값이 일치
- !== 양 변의 자료형과 값이 다름
NaN(Not a Number) : 숫자인지 판별할 때 사용 가능, 일반 문자열은 숫자로 표현할 수 없지만, 강제로 자료형을 바꿨으므로 NaN으로 출력

✔ 객체 정보 추가 방법

person.tel = "010-1234-1234"
- person 객체에 tel이라는 전화번호 속성 추가
- 객체명.속성명 = 추가하려는 속성

✔ 객체 정보 삭제 방법

delete(person.addr);
- person 객체에 addr이라는 속성 제거
- delete(객채명.속성명)

✔ undefined 자료형

존재하지 않는 것을 표현하는 자료형
변수를 선언했지만 초기화하지 않은 경우 해당 자료형 값이 나옴
값은 false

✔ 자료형 변경

숫자로 바꾸기 : Number( )
문자로 바꾸기 : String( )

✔ 배열 자료형

배열 선언 방법
- let 배열명 = [값1, 값2, 값3, ...];
배열 안에는 어떤 종류의 자료형도 요소로 들어갈 수 있음. 섞어서도 가능
- 배열 안에 문자, 정수, 유리수, boolean, 객체, 함수 등을 모두 넣을 수 있음
배열 사용 방법
- 배열명[인덱스]

배열에 데이터를 추가하는 변수

배열명.push(값);
값에는 모든 자료형 가능 / 객체도 넣을 수 있음

✔ HTML 태그 값

document.getElementById("id")
document.getElementByClassName("class")
document.getElementByName("name")
document.getElementByTagName("tag")
document.querySelector("css 선택자")
document.querySelectorAll("css 선택자")

✔ 코드 실행 : String을 계산, 활용 가능한 형태로 만들기

eval( ) : 계산 가능한 함수로 만드는 것
number( ) : 숫자로 변경해 주는 것, eval과 비슷하게 사용 가능

✔ 조건식

if와 if , else
삼항 연산자
- 조건식 ? 참일때 실행하는 값 : 거짓일 때 실행하는 값
짧은 조건문 || 불리언 표현식이 거짓일 때 실행 할 값

✔ 반복문 : for문

for(begin; condition; step) {
  // ... 반복문 본문 ...
}

for(let i = 0; i < 3; i++){
  alert(i) //0,1,2 출력
}

그 밖에 while 반복문,do while 반복문, for 반복문 추가 설명...

출처 : 개발개발 공부로그

Kyla Kim

The only way of discovering the limits of the possible is to venture a little way past them into the impossible.

🍼자바스크립트 기본 명령어🍼

프엔꿈나무

✔ 변수 선언

✔ 텍스트

✔ 숫자

✔ 출력 방법

✔ 입력 방법

✔ typeof("변수명")

✔ 객체 정보 추가 방법

✔ 객체 정보 삭제 방법

✔ undefined 자료형

✔ 자료형 변경

✔ 배열 자료형

배열에 데이터를 추가하는 변수

✔ HTML 태그 값

✔ 코드 실행 : String을 계산, 활용 가능한 형태로 만들기

✔ 조건식

✔ 반복문 : for문

✍동기, 비동기 공부하기✍

풀스택 리액트 토이프로젝트 수강기록 - 받아적기

0개의 댓글