바탕화면 바로가기 체크
실행
*visual studio 원 목적 : 메모장
자바스크립트-visual studio
file-new file-’test.html’ 바탕화면에 생성
*확대/축소 :ctrl+’+/-’
open folder-바탕화면 폴더선택
yes선택
test.html 파일 선택
shift+!+enter : 기본틀 자동생성
ctrl+, : 설정파일 - 폰트크기 설정
plug-in 설정
- live server install
- prettier-code formatter install
- 한국어 (선택사항)
- HTML CSS Support install
- Auto Rename Tag install
- Auto Close Tag install
- HTML Enter++ intstall - 띄어쓰기
!개발준비끝
[eclipse, visual studio 작업공간 하나로 만들기]
file-open folder-’workspace_jsp7>>JSP7’-폴더선택.
체크 후 yes
[실행]
F5-wep app(chrome)선택
확인→
*실행할때마다 새로고침해야함
→ live server(alt shirft l + o)
화면 우클릭 - open with live server - 액세스 허용
⇒ 코드 변경후 저장만 하면 실시간으로 반영됨
*ctrl+b
webapp 우클릭-new file-’js’파일 생성
‘js’우클릭-new file-’test1’ 파일생성
이클립스 실행 후 webapp 새로고침 → ‘js’파일 자동생성됨 —작업공간 합쳐져서
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
alert("JS 실행!(HEAD)");
</script>
</head>
<body>
<h1> test1.html </h1>
<h2> JavaScript 첫시간 </h2>
html : 웹문서를 나타내는 표현법
태그를 사용해서 정보를 표시한다.
태그 : <태그명></태그명> (항상 짝으로 사용) <!--여는태그, 닫는태그-->
JavaScript: html태그를 사용해서 여러가지 기능 처리
<script>
alert("JS 실행!(BODY)");
</script>
</body>
</html>
—자바스크립트는 두 곳(head, body)에서 실행시킬 수 있음
head : 예전 트렌드
body : 현재 트랜드
-언제 실행되는지에 따라 달라지는 것 뿐.
주석문 is 코드o, 실행x
'Front End > JS' 카테고리의 다른 글
| [JS] 반복문(for, while, do-while) (0) | 2023.09.17 |
|---|---|
| [JS] prompt를 활용한 제어문(조건문 if / if-else / if-else if) (0) | 2023.09.17 |
| [JS] 연산자 (0) | 2023.09.17 |
| [JS] 자바스크립트 특징 ,JS 변수 선언 (0) | 2023.09.17 |
| [JS] IP주소, TCP / IP, 통신과정 (0) | 2023.09.17 |
