자바스크립트 개요와 개발환경 구축

* 프로그래밍: 사람이 원하는대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위

* 웹 프로그래밍: '웹 브라우저'와 관련된 프로그램을 작성하는 것

- 백엔드 (back-end)프로그래밍 : 서버에서 데이터 관리를 프로그래밍

- 프론트엔드 (front-end) 프로그래밍 : 서버에서 받아온 정보를 웹 브라우저에 어떻게 표시할 것인지 프로그래밍

*HTML - 틀을 잡는 역할 / CSS - 꾸며주는 역할

*자바스크립트

* 자바스크립트의 특징

- 크롬 브라우저 설치하기

- 비주얼 스튜디오 코드 설치하기

* <script> 태그 안에 자바스크립트 작성

- <script> 태그는 HTML 문서 어디에든 사용 가능

- <script> 태그는 한 문서 안에서 여러 개 사용 가능

- <script> 태그가 삽입된 위치에서 소스가 실행

* 외부 스크립트 파일 연결하기

새 문서 만들고 js 폴더에 change.js 로 저장
change-2.html에서 <script>~</script> 사이의 소스를 복사해서 change.js에 붙여넣고 html에 있던 소스 삭제
자바스크립트 소스 자리에 <script> 태그를 사용해 change.js 연결 <script src = "js\change.js"></script>

* 자바스크립트 입력과 출력

- 사용자 입력 값 받기 → prompt() 함수 ( 사용자에게 값을 입력받을 때 가장 쉽게 사용할 수 있는 함수 )

- 알림 창으로 출력하기 → alert() 함수 ( 웹 브라우저 화면에서 간단한 알림 내용을 출력 )

- 웹 브라우저 화면에 출력하기 → document.write() 함수 ( 결과값을 웹 브라우저 화면에 출력 )

- 콘솔에 출력하기 → console.log() 함수 ( 괄호 안의 내용을 콘솔 창에 출력 )

* 자바스크립트 규칙