Step-by-Step

JavaScript에 대한 이해 본문

언어/JavaScript

JavaScript에 대한 이해

희주(KHJ) 2021. 6. 11. 22:11

웹 브라우저 위에서 동작하는 요소는 크게 HTML, CSS, JavaScript가 있다

우선 개념 정리 전에 간단히 영상으로 개념을 확인해보았다!!

원래 구독 안했는데 이번에 했음! 자투리 시간에 보려고ㅋㅋ

 https://www.youtube.com/watch?v=ffENjt7aEdc

출처 : 얇팍한 코딩사전

정리하자면 HTML 나타날 정보 및 구조이고, CSS정보를 웹에 어떤식으로 꾸미는지이며,

JavaScript웹의 동작을 구현해주는 것이다

JavaScript

객체 기반의 스크립트 프로그래밍 언어 (Script 언어에 대한 설명은 아래)

웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가짐

JavaScript 특징

1. 객체 기반의 스크립트 언어

2. 동적이며 타입을 명시할 필요가 없는 인터프리터 언어

3. 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현 가능

JavaScript 역사

JavaScript는 1995년에 Netscape의 브렌던 아이크에 의해 만들어짐


위의 개념에서 애매하게 아는 부분들을 추가로 공부해보았다

Script 언어

응용 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어

응용 프로그램 안에 삽입되어 동작하는 프로그래밍 언어

응용 프로그램과 독립하여 사용되고 일반적으로 응용 프로그램의 언어와 다른 언어로 사용되어

최종 사용자가 응용 프로그램의 동작을 사용자의 요구에 맞게 수행할 수 있도록 함

일반적으로 스크립트 언어는 매우 빠르게 배우고 작성하기 위해 고안되었으며

짧은 소스코드 파일이나 REPL로 사용하는데 적합하다

보통 Script는 시작에서 끝날때까지 실행되며, 명확한 엔트리 포인트가 없음

※ REPL : 단일 사용자의 입력을 취한 후 평가하고 결과를 반환시키는 단순 상호작용 프로그래밍 환경

객체 지향형 프로그래밍 (OOP : Object Oriented Programming)

프로그램을 수많은 객체(Object)라는 기본 단위로 나누고 이들의 상호작용으로 서술하는 방식

프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고

그 객체들 간의 유기적인 상호작용을 통해 로직을 구성하는 프로그래밍 방법

※ 간단히 말하면, 객체 = 메소드 + 변수

1. 장점 

  • 코드 재사용 용이 
  • 유지보수 용이
  • 업무 분담 용이

2. 단점

  • 처리 속도 상대적으로 느림
  • 객체가 많으면 용량이 커짐
  • 많은 노력과 시간이 듦

3. 특징

  • 캡슐화 : 변수와 함수를 한 단위로 묶음 → 정보 은닉 가능 (그렇다고 모듈화 = 정보은닉은 X)
  • 상속 : 자식 클래스가 부모 클래스의 기능을 물려받고, 오버라이딩(Overriding)등을 통해 기능 수정 후 사용 가능
  • 다형성 : 하나의 변수 또는 함수가 상황에 따라 다른 의미로 해석될 수 있음

ㅋㅋㅋㅋㅋ이건 그냥 웃겨서 가져왔다

항상 변수명 생각할 때, [한국 단어 > 영어로 번역 > 보기좋게 만들기] 이렇게 하는데 세 과정에서 모두 통과해야 한다

너무 길지 않아야 하고 보기도 좋아야 하며 가독성도 좋아야 한다ㅋㅋㅋㅋㅠㅠㅠ~~~~

 

※ 참조

https://jeong-pro.tistory.com/95

https://namu.wiki/w/객체%20지향%20프로그래밍

https://ko.wikipedia.org/wiki/자바스크립트

Comments