JS 자바스크립트(Javascript) 개요

Jieun·2023년 2월 21일
0

📝 자바스크립트 개요 공부 후 프로젝트 준비
#230221

✔️ 스크립트 언어(script)

  • 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어.

  • 별도로 소스코드를 컴파일 하지 않고
    인터프리터(interpreter)를 이용하여 소스코드를 한 줄 씩 읽어 바로 실행.
    -> 컴파일에 소요되는 시간이 없음.

  • 대신 프로그램 실행 시간이 느림.

  • 짧은 소스코드 파일로 상호작용 하도록 고안됨.


📌 자바스크립트(Javascript / JS)란?

웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체 지향 프로그래밍 언어이다.

ECMA Script 표준을 따르는 대표적인 웹 기술이다.


✔️ 자바스크립트 작성 방법

1. 브라우저 콘솔에 직접 작성

  • 일시적으로 테스트로만 가능하고 새로고침 하면 사라짐
  • 인터넷상에 검사버튼 누르면 나오는 console창에서 실행하는 것

2. html 내부에 script 태그를 이용해서 작성(internal)

<!-- 예시) 버튼이 클릭되었을 때 btnClick1() 함수를 호출 (internal방식) -->

<button type="button" onclick="btnClick1()">internal 방식</button>
<!-- 해석) onClick 클릭했을 때 btnClick1 이 실행됨  -->

 <script>
    function btnClick1() {
        alert("internal 버튼이 클릭되었습니다!");
    }
</script>

3. html 외부에 (.js)파일을 이용해서 작성(external)

<!-- 예시) 버튼이 클릭되었을 때 btnClick2) 함수를 호출 (external방식) -->
<button type="button" onclick="btnClick2()">external 방식</button>
---------------------------------------------------------------------
외부 JS파일
function btnClick2() {
alert("extenal 버튼이 클릭됨");
}

4. 태그에 직접 JS코드를 작성(inline)

<button type="button" onclick="alert('inline버튼 클릭됨')">inline 방식</button>
    
<script>
  function btnClick1() {
       alert("internal 버튼이 클릭되었습니다!"); }
</script>

💻 JS는 ""(쌍따옴표) / ''(홑따옴표) 둘 다 문자열 리터럴 표기법으로 인식됨.**

profile
👩‍💼👩‍💼➡️➡️➡️👩‍💻👩‍💻 생산자의 삶을 살기 위해 개발공부중

0개의 댓글