
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 예제 프로세스
// 1. 사용자에게 입력창을 제공해서 이름을 입력받기
// 1-1 입력받은 값을 변수에 저장 (let)
// 2. 변수를 콘솔창에 출력하기
let name = prompt("이름을 입력하세요", "justin");
console.log("어서오세요!")
// 문자 + 문자로 연산을 진행하고 -> 결과물이 하나의 문자열 제작
console.log(name+"님, 환영합니다!")
// , 로 데이터를 구분지으면 -> 매개변수가 여러개가 넘어간다
console.log(name,"님, 환영합니다!")
// ` 을 통해서 포메팅 -> ${변수이름}
// JS $를 사용하는 경우 3가지
// 1. ${} -> 포메팅, 템플릿 기법
// 2. 변수명앞에 $를 쓰는 경우가 존재 -> $_redApple
// 3. 제이쿼리 라이브러리 -> $()
console.log(`${name}님, 환영합니다!`)
</script>
</body>
</html>