자바스크립트 공부

[ 자바스크립트 ] 

: 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직임. UI에 많이 활용

 

- 웹 애플리케이션을 만들고, 다양한 라이브러리를 활용할 수 있다. Node,js를 이용하면 서버 개발 또한 가능하다.

• 자바스크립트는 웹 문서 어디든 위치할 수 있고 하나의 문서에서 여러 개 쓰일 수도 있다.
• HTML, CSS와 달리 영어 대소문자를 구별하므로 주의

---

1) querySelector()

: css선택자(id, name)를 사용하여 요소를 찾는다.

---

2) 외부 스크립트 연결하기

<script src="외부 스크립트 파일 경로"></script>

---

3) 알림 창 띄우기

alert('메시지');

: 알림의 기능 (메시지 표시)

---

4)  확인 창 띄우기

confrim(메시지)

: 사용자가 확인 이나 취소 버튼을 선택함. 선택한 결과에 따라 프로그램 동작

---

5) 프롬프트 창으로 입력받기

prompt(메세지) 또는 prompt(메시지, 기본값)

: 텍스트 필드가 있는 작은 창으로, 간단한 메시지를 입력받아 프로그램에서 가져다 쓸 수 있다.

 

ex. 예시

var name = prompt("이름을 입력하세요.", "고구마");

---

6) 화면 출력 

document.write()

• 웹 문서(document)에서 괄호 안의 내용을 표시(write)하는 명령문
• 단순히 화면에서 결과값을 확인할 때 주로 사용
• 변수나 내용을 따옴표 안에 넣어 출력할 수도 있으며, HTML 태그도 가능하다.

---

7) 콘솔 창에 출력

console.log()

• 괄호 안의 내용을 콘솔 창에 표시함
• HTML 태그는 사용 불가

---

8) 변수 선언

var 변수명

---

9) 배열 선언

var season = ["봄", "여름", "가을", "겨울"];

배열의 요소는 인덱스 번호로 찾는다.

---