프론트엔드/JavaScript

자바스크립스 연결 (JavaScript)

민밥통 2023. 10. 30. 11:29

외부 파일 이랑 js파일 이랑 연결 할 때는 이렇게 작성하면 됨. 

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="/2023-10-30/javascript/solution.js"></script>
  </head>

js

alert("안녕하세요");

내부 방식은

<script>

 alert("안녕하세요");

</scipt>

이렇게 해도된다 (head안에서 허용)

 

 

alert는 안내창을 띄우는 역할을 한다. 

alert alert!!!!!!!

 

자바스크립스는 검색을 하고, 검색했을 때 검색 된 결과물을 만들어져 있는 DB에서 콘텐츠에서 찾아서 보여줌.이런 동작을 가능할게끔 해주는 것이 자바스크립트 이다. 

 

(이게 큰 목적이다)

 

로그인, 아이디, 비번 입력하고 로그인 (동적인 이미지들을 처리 하기 위해서 자바스크립트를 이용한다)

 

마우스 클릭, 이벤트 (자바스크립트)동적인 이미지 > "증시"부분이 변해져 있거나 최초의 화면과 다른 모습으로 바뀐다던가 > 이런게 이벤트  MS워드나 이런 프로그램들을 해당되는 프로그램을 내 피시에다가 설치해서 사용해야하는데, 서버 자체에서 돌아가는 애플리케이션들을 개발하는 것도 자바스크립트로 할 수 있다. 다양한 기능들을 자바스크립트로 구현할 수 있다. 

 

 

오류확인법 > 개발자도구 F12클릭후

여기서 solution.js를 클릭하면 아래와 같이 자세한 오류가 나온다. (고치기가 쉬움)

 

그런데, 논리, 로지컬 오류 (구문상 오류는 없는데 업무의 흐림이 꼬이거나 잘못 된 것을 입력하면 그런 오류들은 찾기가 쉽지 않다. 논리상 발생한 오류들은 찾기 쉽지 않음)

 

 

")"가 빠진 오류 구문

solution.js:1 Uncaught SyntaxError: Invalid or unexpected token (at solution.js:1:7)

" " " 큰 따옴표가 빠진 구문