JS - 기본 용어 / 변수 / 연산자

프론트엔드/Javascript

두개의 문 2023. 7. 24. 23:27

▪︎ 웹 개발자가 반드시 알아야 하는 3가지 언어

1. 웹 페이지의 내용을 정의하는 HTML

2. 웹 페이지의 스타일과 레이아웃을 지정하는 CSS

3. 웹 페이지의 동작을 프로그래밍하는 JavaScript

▪︎ 외부 JS 문서를 HTML에 연결

- <javascript> 태그의 경우, <javascript /> 와 같이 단일 태그 사용 불가

이중 태그로 사용하기 <javascript> <javascript />

- <head> 태그 안에 <script> 태그 이용해 외부 JS문서를 HTML에 연결

→ 예제 파일 app/javascript 폴더에 저장 후 이용하기

해당 파일은 ctrl 누르고 클릭하면 자동으로 자바스크립트 파일 생성해줌

▪︎ Visual Studio Code의 플러그인에서 Live Preview (Microsoft) 다운로드

→ Live Server로 매번 확인하지 않아도 됨

▪︎ 자바 스크립트 언어 출력

- 자바스크립트 데이터 표시 방법

데이터 표시 방법	설명
innerHTML속성	문서객체에 HTML 문자열을 속성값으로 삽입하는 방식
document.write( )	document(문서영역 = body에 HTML로 작성하는 방식
window.alert( )	창의 경고창으로 띄우는 방식
console.log( )	browser console로 표시하는 방식

▪︎ 자바스크립트 기본 용어

1. ; 세미콜론

- 식의 종결을 의미, 구문들을 구분할 때 사용

- 자바스크립트에서 세미콜론의 경우, 생략 가능

2. 공백

- 공백은 무시되므로, 공백없이 작성해도 오류 발생하지 않음

- 가독성을 위해서 연산자 사이 띄어쓰기 권장

3. 주석

- // : 한줄 주석

- /* */ : 여러줄 주석

기록