<java script+jQuery> 자바스크립트의 개요와 개발환경 구축

EMILY CRANBERRY_SW·2022년 4월 26일

Javascript

목록 보기
2/8

개발환경 구축 및 자바스크립트 소스 작성

<script> 태그 안에 자바스크립트 작성하는 법

  • <script> 태그는 HTML 문서 어디에든 사용할 수 있습니다.
  • <script> 태그는 한 문서 안에서 여러 개를 사용해도 됩니다.
  • <script> 태그가 삽입된 위치에서 소스가 실행됩니다.

<내부 스크립트 작성하는 법>

  	<html>
    	<head>
      		<script></script>
		</head> 
	</html>

<외부 스크립트 파일 연결하는 법>

  1. 새 문서 만들고 js 폴더에 hello.js로 저장합니다.
  2. 1_02.html에서 <script>~</script> 사이의 소스를 복사해서 hello.js에 붙여넣습니 다.
  3. 1_02.html에서 <script> 태그부터 </script> 태그까지 소스를 삭제합니다.
  4. 자바스크립트 소스 자리에 <script>태그를 사용해 hello.js를 연결합니다.
    <script src="js/change.js"> </script>


<자바 스크립트의 입력과 출력>

사용자 입력 값 받기 - prompt() 함수

: 사용자에게 값을 입력받을 때 가장 쉽게 사용할 수 있는 함수

<입력>

<결과>


알림 창으로 출력하기- alert() 함수

: 웹 브라우저 화면에서 간단한 알림 내용을 출력

<입력>

<결과>

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

: 결과 값을 웹 브라우저 화면에 출력

// document는 웹 문서!

<입력>

<결과>


콘솔에 출력하기 - console.log()함수

: 괄호 안의 내용을 콘솔 창에 출력
<입력>

<결과>


<자바스크립트 규칙>

  • 대소문자를 구별하여 소스를 작성한다.
  • 읽기 쉽게 들여쓰는 습관을 들인다
  • 세미콜론으로 문장을 구분한다
  • 소스에 메모하려면 주석을 사용한다
  • 식별자는 정해진 규칙을 지켜 작성한다
  • 예약어는 식별자(ex 변수)로 사용할 수 없다.



참고강의: 자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1(인프런)
profile
느리지만 꾸준히 하는 사람

0개의 댓글