JS 개요, 작성 방식

DONI·2021년 11월 2일
0

JavaScript / jQuery

목록 보기
1/18
post-thumbnail

🏹 스크립트 언어 (Script Language)

HTML 문서 안에 직접 프로그래밍 언어를 삽입하여 사용하는 언어
응용 프로그램의 동작을 사용자의 요구에 맞게 수행하도록 제어
기계어로 컴파일되지 않고 인터프리터(Interpreter)로 소스코드를 한 줄씩 읽어 실행

  • 서버용 스크립트 언어 : ASP, JSP, PHP, Python
  • 클라이언트용 스크립트 언어 : JavaScript

  🌼 인터프리터 (Interpreter)
       소스코드를 컴파일하지 않고 한 줄씩 읽어 내려가며 실행하는 프로그램 (렌더링)
       컴파일에 소요되는 시간은 없지만, 프로그램 실행 속도는 느림


🏹 JavaScript (JS)

웹 브라우저 내에서 주로 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어
주로 서버에서 데이터 전송 시 아이디, 비밀번호, 수량 등 입력사항을 확인하는 용도로 사용
  💥 JS는 프로그래밍 언어의 기본 규칙이 적용되지 않는 경우가 많다!
       예) 변수 자료형, 전역/지역 변수(var, 클로저), HTML/CSS를 다루는 명령어


🚩 소스코드 - JS 작성 방식

  • HTML 파일
<!-- 
    1. inline 방식
     : 태그 안에 직접 간단한 코드를 작성
 -->
<button onclick="alert('button click');"></button>

<!-- 
    2. internal 방식
     : HTML 문서 내부에 script 태그를 선언하여 작성
 -->
<script>
    // 함수 선언 기본 형식 : function 함수명(매개변수) { }
    function testFn() {
        // 함수 정의
        for (let i = 0; i < 10; i++)
            console.log(i);
    }

    // 매개변수가 있는 함수
    function add(num1, num2) {
        alert(num1 + num2);
    }
</script>

<!-- 
    3. external 방식
     : 외부에 JS 코드를 작성하는 파일(.js)을 생성하여 연결
 -->
<script src="javascript.js"></script>
  • JS 파일
function func() {
    alert("func call");
}
profile
틀린 내용이 있다면 댓글 또는 이메일로 알려주세요 ❤ꔛ❜

0개의 댓글