JavaScript 기초

HGY·2023년 7월 7일
0

React

목록 보기
1/9

출력

  • 웹 페이지에 출력
document.write("두두등장!");
document.write("<h1> HGY입니다 </h1>");
  • console창에 출력
console.log("안녕하세요 console창에서 인사드립니다.");
console.warn("경고");
console.error("에러");
  • 알림창으로 출력
alert("로그인에 실패했습니다.");

입력

  • 입력창을 통해서 값 입력
// String 형태로 반환
// 첫번째 매개변수 : 출력부분
// 두번째 매개변수 : 입력 데이터 기본값 설정

prompt();
prompt("이름을 작성해주세요");
prompt("이름 작성", "데이터디자인_");
  • 확인 및 취소를 이용한 입력
// Boolean 형태로 반환

confirm("삭제하시겠습니까?");

변수 선언

  • var : 재선언o ,재할당o
var name = "허광영";
console.log(name);

// 재선언
var name = "문필현";
console.log(name);

// 재할당
name = "김지희";
console.log(name);
  • let : 재선언 불가능, 재할당o
let age = 27;
console.log(age);

// let age = 11; => 재선언 불가능하기 때문에 오류 발생
// SyntaxError: Identifier 'age' has already been declared
// 구문오류 : age 변수명이 이미 선언되어있음

// 재할당
age = 72;
console.log(age);
  • const : 재선언 불가능, 재할당 불가능
const maxLevel = 200;
console.log(maxLevel);

// const maxLevel = 300; => 재선언 불가능
// SyntaxError: Identifier 'maxLevel' has already been declared

// maxLevel = 300; => 재할당 불가능
// TypeError: Assignment to constant variable.
// 타입오류 : 상수변수는 재할당 불가능

자료형과 연산자

비교 연산자

  • == vs ===
    ==는 변수의 값만 비교하며, ===는 자료형까지 비교한다.
let num = 303;
let str = '303';

num == str // true
num === str // false

형변환

JavaScript 실행위치

profile
바보 개발자 지망생

0개의 댓글