리액트 공부 - JAVACRIPT 기초

클배클·2022년 1월 7일
0

리액트 30일 공부

목록 보기
1/1

JAVASCRIPT 추가하기

💡 Javascript는 3가지 방법으로 웹페이지에 추가할수있다.
  • 인라인 스크립트
  • 내부 스크립트
  • 외부 스크립트

인라인 스크립트

<html>
	<head>
		<title>인라인 스크립트</title>	
	</head>
	<body>
		<button onclick="alert('IN-Iine')">클릭</button>
	</body>
</html>

실행결과

💡 alert() 내장 함수를 사용하여 팝업 경고 메시지를 만들 수 있다.

내부 스크립트

<html>
	<head>
		<title>인라인 스크립트</title>	
	</head>
	<script>
			console.log("내부 스크립트")
	</script>
	<body>
	</body>
</html>

실행결과


외부 스크립트

  • index.js 파일 생성 후 console.log(’외부스크립트’) 내용 추가
consoloe.log('외부스크립트')
  • index.html 파일 생성 후 index.js 파일을 불러온다
<!DOCTYPE html>
<html>
  <head>
    <title>외부스크립트</title>
  </head>
  <body>
    <script src="index.js"></script>
  </body>
</html>

실행결과

0개의 댓글