JavaScript란

서지우·2023년 7월 14일
0

JavaScript

목록 보기
1/11

참고
https://ko.javascript.info/


JavaScript란?

자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어

자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부른다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.

자바스크립트는 자바(Java)와는 매우 다른 언어

왜 자바스크립트인가?
처음 자바스크립트가 만들어졌을 때는 'LiveScript’라는 이름으로 불렸습니다. 그런데, 당시 자바의 인기가 아주 높은 상황이었습니다. 관련인들은 자바스크립트를 자바의 ‘동생’ 격인 언어로 홍보하면 도움이 될 것이라는 의사결정을 내리고 이름을 바꿨습니다.


JAVA와 JavaScript의 차이

실습으로 설명하겠다
(.html파일을 만들어 script만 선언해서 함)

<script>
    // 개발을 하는 이유
    // 현실에서 일어나는 일들 중에서
    // 반복적이거나
    // 불편하거나 한 일들을 편하게 쉽게 즐겁게 만드는 일

    // 프로그램 원리 밝힐 필요없음

    // 응용프로그램 개발자
    // 기능들을 가져다가 좋은 서비스를 만들면 됨

    console.log("안녕"); //안녕

    // 자바와 자바스크립트의 차이

    // 자바스크립트는 타입을 명시하지 않아도 된다
    // 자바는 string str = "a";
    var str = "a"; // var는 함수단위 스코프
    let str1 = "a"; // let은 블록단위 스코프
    const str2 = "a"; // const는 블록단위 스코프 + final

    // 자바는 모든 코드가 class안에 작성된다
    // 자바스크립트는 class가 없어도 코드를 작성할 수 있다
    function add(a, b){
        return a + b;
    }

    console.log(add(1,2)); //3
    console.log(add("a","b")); //ab

    // 자바스크립트에서는 or조건을 사용하면
    // 마지막 값이나 false가 아닌 값이 출력된다
    console.log(false || false || true); //true
    console.log(false || false || "ㅎㅇ"); //ㅎㅇ

    // 자바스크립트 OR조건에서 
    // 0이나 null 등도 false 조건으로 판단한다
    console.log(0 || null || "ㅎㅇ"); // ㅎㅇ

    const data = "aaa";

    // if나 while의 조건 안에 Boolean이 아닌
    // 값이 들어가면 true를 대신할 수 있다
    if (data) {
        console.log("null이 아닙니다."); // true든 false든 null이 아닙니다 나옴
    }

    const str3 = "12";
    // typeof를 사용해서 타입을 판단할 수 있다
    console.log(typeof str3); // string

    // ==, ===
    // 자바스크립트에서 ==은 값만 비교한다
    console.log("12" == 12); //true
    console.log(true == 1); //true
    console.log(false == 0); //true
    console.log(undefined == null);

    // ===은 값과 타입 모두를 비교한다
    console.log("12" === 12); //false

    // 자바 정수 / 정수 == 정수
    // 자바스크립트 정수 / 정수 == 정수 또는 실수
    console.log(3 / 2); //1.5

    // 형변환
    const str4 = String(12);
    console.log(typeof str4); // string
    const num1 = Number(str4);
    console.log(typeof num1); // number

    // 문자열과 char는 공유된다
    // 홑따음표도 문자열이다
    console.log("a123"); //a123
    console.log(typeof 'a123'); //string

    // 백틱도 문자열이다
    console.log(`a123`); //a123

    // 백틱을 사용하면 문자열포맷팅이 가능하다
    console.log(`a123 ${str}`); //a123 a

</script>

F5를 눌리면 웹을 들어가지 않고도 vscode에서 볼 수 있다.

profile
미래가 기대되는 풀스택개발자 공부 이야기~~

0개의 댓글