[JavaScript] JS 기초: 개념·입출력·변수

1. JavaScript란?

• JavaScript는 웹 브라우저에서 동작하는 프로그래밍 언어로,
  웹 페이지를 동적으로 제어하기 위해 만들어졌다.

• HTML과 CSS로 구성된 정적인 웹페이지에
  → 인터랙티브한 기능을 추가할 수 있다.

• 예를 들어:

  • 알림창 띄우기
  • 이미지 슬라이드
  • 버튼 클릭 시 이벤트 처리
  • 사용자 입력값에 따라 화면 변화 등

✅ JavaScript는 웹사이트에 생명력을 불어넣는 역할을 한다.

---

JavaScript의 역사

• 1995년, 넷스케이프(Netscape)에서 Brendan Eich가 처음 개발했다.
• 초기에는 LiveScript라는 이름이었으나, Java의 인기에 편승해 JavaScript로 개명되었다.
• 본래 브라우저 내에서만 작동했지만, Node.js가 등장하면서 서버 개발 영역까지 확장되었다.

💡 JavaScript는 Java와 이름만 비슷할 뿐, 완전히 다른 언어이다.

---

JavaScript의 활용 분야

JavaScript는 이제 웹 프론트엔드를 넘어 앱 개발, 서버, 데이터 시각화, IoT 등 다양한 분야에서 활용된다.

• 웹 프론트엔드 : React, Vue, Angular
• 모바일 앱 : React Native, Ionic
• 서버 개발 : Node.js, Express
• 데스크탑 앱 : Electron
• 데이터 시각화 : D3.js, Chart.js
• 게임 / IoT 개발 : Phaser, Johnny-Five 등

🎯 과거엔 브라우저 전용이었지만, 지금은 전방위 개발에 활용되는 범용 언어다.

---

JavaScript의 주요 특징

1. 브라우저에서 실행 가능한 유일한 언어
2. Node.js를 통해 서버 개발까지 가능
3. 다양한 프레임워크 및 생태계와 호환
4. 빠르고 유연한 개발 환경
5. 동적 타이핑 언어로 프로토타입 개발에 유리
6. 호이스팅, 클로저, 이벤트 루프 등 고유한 특징 보유

JavaScript는 웹을 넘어 모든 플랫폼을 아우르는 다재다능한 언어다.

---

2. 입력과 출력 in JavaScript

입력 (Input)

prompt("text", "입력 예시")

• 사용자의 텍스트 입력을 받아오는 창을 띄운다.
• 반환값은 항상 문자열(String)이다.

let birth = prompt("생년월일을 입력하세요", "Ex)YYMMDD");

confirm("text")

• 확인 / 취소 버튼이 있는 팝업창을 띄운다.
• 반환값은 Boolean(true / false)이다.

let isDelete = confirm("정말 삭제하시겠습니까?");

---

출력 (Output)

document.write("text")

document.write("Hello JavaScript!");

console.log("text")

console.log("로그 출력");

alert("text")

alert("작업이 완료되었습니다!");

---

3. 변수 선언 방식

var

var a = 10;
var a = 20;
console.log(a); // 20

let

let b = 30;
b = 40;
console.log(b); // 40

const

const c = 100;
const user = { name: "Emma" };
user.name = "HY";
console.log(user);

---

변수 선언 방식 요약

구분	재선언	재할당	스코프	사용 권장
var	가능	가능	함수 스코프	❌ 지양됨
let	불가	가능	블록 스코프	✅ 기본 변수
const	불가	불가	블록 스코프	✅ 불변값

---