[JS] 자바스크립트란 ? - 소개 (프로그래밍이란 ?)

먼저 컴퓨타와 프로그래밍이 무엇인지 확인하고,  자바스크립트에 대해 알아보자 !

 

---

<컴퓨터와 프로그래밍 언어 >

ㅇ 컴퓨터란 ?

 하드웨어 + 소프트웨어 로 이루어져 있다 .

휴대폰 기계 + 휴대폰 속 여러가지 소프트웨어 와 어플리케이션 등 ..

 

ㅇ 컴퓨터의 실행 방식은 ? 

명령어 모음 (프로그램) 으로 명령어를 입력하면 실행 하게 된다 .

 

ㅇ 프로그래밍 언어란 ?

컴퓨터에게 명령하는 언어로 소프트웨어를 만들기 위한 도구

 

ㅇ 프로그래밍이란 ?

컴퓨터에게 명령 할 프로그램을 만드는 작업

 

ㅇ 프로그램 : 컴퓨터에게 명령어 모음

ㅇ소프트웨어 : 여러 프로그램

ㅇ 코드 : 컴퓨터가 알아듣는 언어 / 코딩 : 코드 +ing, 컴퓨터에게 명령하는 것

 

< 프레임워크와 라이브러리 > 

ㅇ 프레임워크 Framework = Frame + work   : 뼈대나 기반 구조 

ex) spring, node.js , django, flask 등

ㅇ 라이브러리 : 소프트웨어를 개발하기 쉽게 기능을 제공하는 도구 / 특정 기능에 대한 도구 또는 함수들의 집합

ex) HTML Chart , navbar , Numpy

ㅡ 두개의 공통점은 프로그램을 쉽게 만들 수 있다.

ㅡ 라이브러리는 자유도가 높다.

ㅡ 프레임워크는 지켜야하는 규약이 있다.

 

< 컴파일과 인터프리터의 차이 >

ㅇ 컴파일이란 ? 컴퓨터로 실행 가능한 코드로 해석하는 것  

ㅡ 컴파일러 :  컴파일 뒤 실행파일을 생성하는 것 

ㅡ ex) C언어 C++ , PASCAL

ㅡ 컴파일 마친 실행파일은 빠르게 실행되고, 컴파일 후 생성된 코드 최적화가 된다.

ㅡ OS의존적이고 코드 변경 시 재 컴파일이 필요한 단점이 있음

ㅇ인터프리터란 ? 기계어로 변환 시키는 것이 아닌 중재자 역할을 하는 것 

ㅡ 에러 발생시 빠른 수정 가능한 장점이 있지만, 실행속도가 느림

ㅡex) JS, PYTHON, PHP

---

<  Javascript >

ㅡ 스크립트란 누군가에 의해 실행되는 명령이다.  사용자의 어떠한 동작을 수행하는 것

ㅡ 자바스크린트란 ? 웹 페이지를 동적으로 하기 위한 언어이다.

ㅇ특징

ㅡ 서버가 아니라 클라이언트에서 실행 됨

ㅡ 인터 프리터 방식 - 한줄씩 읽어서 실행한다.

ㅡ 지나치게 유연함 , 상황에 알맞게 버그 안생기고  대충 넘어가는 경우도 있다..

ㅡ <script> 태그를 사용하여 함수 정의한다.

ㅇ 자바스크립트의 미래

ㅡ 개발자의 언어 응답자로는 개발자의 74% 정도가 사용함

ㅡ 프레임워크는 리액트, 제이쿼리가 많이 사용됨 ,  에디터는 VScode 를 다수가 사용함

ㅡ 그래서 자바스크립트를 공부해야한다 !!

 

<자바스크립트와 브라우저의 관계>

ㅡ렌더링 엔진 을 통해서 HTML/CSs코드를 해석하여 트리를 구성해 전달해주는 역할

ㅡ받아온 것 중 자바스크립트는 인터프리터에게 줌

ㅇ 자바스크립트 해석기 : 인터프리터

ㅇ자바스크립트의 위치 중요

ㅡ 스크립트는 body 요소 가장 아래 위치

ㅡ 페이지 로딩 문제와 DOM조작에러발생

ㅇ DOM소개 ( Document Object Model)

ㅡ 문서 객체 모델로서 문서의 구조화된 포현을 제공한다.

 

<자바스크립트의 오류 >

ㅡ 구문 오류 (Syntax Error)

문법오류 , 프로그램 규칙대로 작성하지 않은 경우

개발자도구 F12를 이용하여 문법 오류난 곳 확인하기

ㅡ 실행 오류 (Runtime Error)

프로그램 실행시 오류, 실행 전에는 오류 발생하지 않는다

ㅡ 논리적 오류

프로그래밍 실수에 의한 오류

예외 강제 발생 필요하다 ! >> 테스트 케이스 작성을 하여 로직을 점검한다.