🦁_21.11.26 TIL

21년 11월 26일

📝 Javascript를 들어가기 전에

📎 웹의 역사

인터넷의 탄생

• 때는 바야흐로 2차 세계대전이 끝나고 냉전이 한창이던 1960년대..
  미국과 소련 양대 강국의 가장 큰 고민, 바로 핵무기!
  => 어떻게 하면 적의 핵 공격에도 군 통신망을 유지할 수 있을까?
• 당시의 통신 방식은 중앙 집중적인 회선 교환 방식으로 이를 대체하기 위해 통신 장치를 여러 곳으로 분산하기 시작한 것이 바로 인터넷
  => 인터넷은 도로와 항만 같은 인프라 시설이라 보면 된다.

그로부터 30년 뒤...

웹의 탄생

• 유럽 입자물리 연구소에서 일하던 소프트웨어 엔지니어 팀 버너스리
  => 연구원들이 문서를 공유하기 위한 인터넷 기반의 정보 검색 체계를 만들던 중 <World Wide Web>을 설계(1991)
• 컴퓨터가 다르면 파일을 읽기 어려운 상황!
  => 인터넷에 연결하니까 모두 같은 문서를 볼 수 있었다.
  => 이 기술이 너무 좋아서 기술을 공개
• 최초의 웹 사이트

1) HTML (Hyper Text Markup Language)
2) HTTP (Hyper Text Transfer Protocol)
3) URL (Uniform Resource Locator)
=> W3C (World Wide Consortium 1994)

정리하자면

• 인터넷 : 네트워크와 네트웤크를 연결하는 통신 인프라
• 웹 : 인터넷을 통해 문서를 주고받는 시스템

📎 웹 시장의 패권을 차지하자!

1차 브라우저 전쟁 - 네스케이프 vs IE

• IE 승리
  => IE가 시장을 장악할 수 있었던 이유는 무료였기 때문이다. (네스케이프는 유료였다.)
• 1991년, 인터넷의 발명과 인터넷 브라우저 전쟁

2차 브라우저 전쟁 - 모질라, 파이어폭스, 사파리, 오페라 등

• 다른 브라우저들이 시장 점유율을 가져옴

3차 브라우저 전쟁 - 크롬

• Browser Market Share Worldwide
  

[출처: Statcounter Globalstats - Browser Market Share Worldwide]

다가오는 웹 이노베이션에 대하여 - 제프 베조스(아마존CEO)

스택 오버플로우 개발자 설문 조사

• 웹 어셈블리(WebAssembly, wasm) : 웹에서 HTML, CSS, Javascript 이외의 다른 프로그래밍 언어를 컴파일 하여 브라우저에서 사용할 수 있도록 바이너리 형식(0과 1)으로 바꿔주는 기술

📎 컴퓨터란?

작성중입니다 :)

---

📝 Javascript

📎 Javascript

• HTML을 프로그래밍으로 제어
• 웹 브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어

참고링크

• 모던 JavaScript 튜토리얼
• w3schools - JavaScript Tutorial

Javascript로 무엇을 할 수 있나요?

• BOM & DOM 조작 : 브라우저와 HTML 문서에 접근 가능
• 이벤트 핸들링 : 사용자의 반응을 캐치
  => 사용자와 상호작용
• Ajax & JSON 서버와 통신하여 데이터를 주고 받기

📎 변수

• '변할 수 있는 수', '변할 수 있는 정보'를 의미
• 프로그램을 만드는데 필요한 데이터를 담을 수 있는 주머니 역할을 하는 것이 변수

  var 나변수 = 10;

• var = variable = 나 변수 쓸거임
  • var x = 'x'라는 변수 쓸거임

변수명

• 변수명에는 $, _를 제외한 공백, 특수문자, 구두점을 사용할 수 없다.
• 변수명의 첫 글자는 숫자가 될 수 없다.
• 대소문자를 구별한다.
• 예약어는 쓸 수 없다.
• 유니코드 문자 사용할 수 있다.
• var, let, const의 키워드를 사용할 수 있다.

var a;
var my_name;

변수 할당

• = : 할당 연산자

var a = 1;
var my_name = "lee";

console.log(a); // 1
console.log(my_name); // "lee"

📎 변수의 자료형

• 변수의 자료형은 다양한 데이터를 용도에 맞기 쓰기 위함
  => 보통 언어에서는 변수의 자료형과 함께 변수를 선언하지만 자바스크립트는 자료형을 함께 쓸 필요가 없다.

typeof 'hello world'   // String
typeof 100             // Number
typeof NaN             // Nnumber
typeof true            // Boolean
typeof undefined       // undefined
typeof Symbol()        // Symbol
typeof null            // Object, 여기서부터 js가 어려워 집니다.
typeof []              // Object, 여기서부터 js가 어려워 집니다. 왜 Array가 아닐까요?
typeof {}              // Object
typeof function () {}  // Object
typeof /정규표현식/gi   // Object

여기서 문자열 자료형에 대해 더 알아보자

• 문자열은 작은따옴표('')나 큰따옴표("")로 둘러싼 것을 말한다.
• 문자열에는 순서가 있다.
  => 순서가 있는 자료형 = 시퀀스형 자료형
• 순서는 0부터 시작하고, 띄어쓰기도 문자로 취급
  => 여기서 순서 = index
  => index로 호출하는 것 = indexing
  

---

마무리

• 이제 자바스크립트 시작이다.
  => 와아아아아 너무 좋아...라아아아ㅏ 하하하
  => 걱정 반 기대 반
• 자바스크립트의 등장을 이야기 형식으로 들으니 재미있고 이해 쏙쏙
  => 하지만 정작 자바스크립트는...