[JS] 배경 지식

배윤석·2022년 5월 31일
0

Java Script

목록 보기
1/1
post-thumbnail

🥊 환경 정보

  • Java Script ver : HTML5

🥊 프로그램

컴퓨터에서 작업을 시키는 방법
➡ 프로그램을 가동시키기 전까지 컴퓨터는 어떠한 동작도 하지 않는다.

💧 프로그램 기술

프로그램 언어 ➡ 컴퓨터가 작업을 하도록 지시하는 언어
지시하는 법? ➡ 순차적으로 지시(명령)

🎇 순차적

물 흐르듯이 위에서부터 아래로 프로그램 하는 것


🥊 프로그램 언어

💧 컴파일 언어

🎇 구동 순서

  1. 소스코드(영어)
    컴파일 : 소스코드를 기계어로 바꾸는 과정
  2. 기계어
    실행
  3. 작업 실행

🎇 장점

기계어로 실행을 하기 때문에 동작속도가 빠르고 안정적이다.

🎇 단점

소스코드 ➡ 기계어 로 바꾸는 과정인 컴파일이 느린 편이다.

🎇 사용 언어

Java / C 언어

🎇 주 사용 환경

현장

💧 스크립트 언어

🎇 구동 순서

  1. 소스코드(영어)
    실행
  2. 작업 실행

🎇 장점

컴파일을 하지 않아 소스코드 입력시점부터 작업실행까지의 시간이 짧다.

🎇 사용 언어

Javascript / Python

🎇 주 사용 환경

연구소(개발 환경)


🥊 프로그램 종류

💧 윈도우

  1. window install : 설치해서 실행되는 프로그램
  2. window : 그래픽 프로그램
    • MS, Mac, Linux도 다 window의 한 종류라고 볼 수 있다.
  3. CUI : Charater User Interface, 글자만 있는 프로그램
  4. GUI : Graphic User Interface, 그래픽이 있는 프로그램

💧 웹

  1. browser를 통해서 실행되는 프로그램
  2. 사용환경 : PC / 태블릿 / 스마트폰

💧 모바일 앱

스마트폰에 설치되어 실행되는 프로그램


🥊 Java Script 언어

💧 스크립트 언어

소스 = 실행파일
프로그램 소스가 곧 실행파일이다.

💧 소스

일반적으로 HTML 파일에 포함되어 사용한다.
.js 라는 외부 JavaScript 파일을 만들어 HTML 문서 내에서 호출하는 식으로 사용하기도 한다.


🥊 ECMA Script

💧 참고 웹사이트

JavaScript와 ECMA Script는 무슨 차이점이 있을까?

💧 ECMA Script?

Ecma International 에서 만든 표준 기술 규격(Ecma-262)

💧 ECMA Script / JS 의 관계성

표준어 : ECMA Script?
방언/파생어 : Java Script

HTML로 잠시 돌아가, W3C에서 만든 웹 표준안을 다시 떠올려 보자.
웹 표준안과 브라우저 사이의 관계를 생각해보면 이해가 쉽다.

💧 해석기

Java Script Engine
JavaScript 코드를 이해하고 실행하는 프로그램 또는 인터프리터
현재 대새 해석기는 Google에서 만든 V8 엔진이다.


🥊 프로그램 언어의 구성

💧 자료형

🎇 문자열형

" " / ' ' 내부에 사용한다.

🎇 숫자형

🎇 논리형

true / false로 반환 받거나 지정 한다.

💧 자료의 저장소

🎇 변수

variable : 덮어쓰기 가능한 저장소

🎇 상수

constant : 덮어쓰기 불가능한 저장소

💧 식별자 규칙

변수명 / 상수명을 결정짓는 문법 규칙이다.
크게 3가지로 볼 수 있다.
1. 문법사항
2. 팀규칙
3. 선언

🎇 문법사항

안지키면 문법 에러가 발생한다.
1. 내부적으로 사용하는 언어(단어)는 사용 불가
- 예약어는 변수명/상수명으로 사용할 수 없다.
2. 대소문자 구별
- apple로 선언했다면 Apple로는 사용할 수 없다.
3. 숫자로 시작하면 안됨
- 1apple 과 같은식으로 선언할 수 없다.
4. 특수문자로 시작하면 안됨

🎇 팀규칙

안지키면 팀이 싫어한다.
팀에 들어가면 팀원들이 어떤 식으로 코드를 작성하는지 잘 살펴보자.
혹은 사수 or 팀장님에게 물어보는 것도 좋을 것 같다.
코드가 남들 보기에도 편하도록 작성하는 규칙
Naming Rule 이라고도 부른다.

대표적인 Naming Rule은 4가지가 있다.
1. 카멜 표기법 : camelCase
2. 파스칼 표기법 : PascalCase
3. 스네이크 표기법 : snake_case
4. 헝가리안 표기법 : strName/bBusy/szName
이 중, Java Script에서는 1번과 4번을 주로 사용한다.

추가적인 팀 규칙
1. 변수 : 소문자
2. 상수 : 대문자

🎇 선언

구형 문법

var 하나로 변수/상수 모두 선언한다.

신형 문법

let : 변수 선언시
const : 상수 선언시

=

자료형에 해당하는 값의 할당
오른쪽에서 왼쪽으로 할당한다.

let = value; 

예를 들어 위와 같은 코드가 있다면,
value에 있는 값을 let에 할당하는 것이다.

profile
차근차근 한 걸음씩 걸어나가는 개발자 꿈나무.

0개의 댓글