자바스크립트 처음부터 다시보기 EP.1

자바스크립트 처음부터 다시보기

GDSC KNU 2기를 하면서 자바스크립트 스터디를 시작하게 되었고 2019년도에 오픈소프 컨트리뷰톤을 통해서 알게 되고 조금이나마 커밋을 했었던 모던 자바스크립트 https://ko.javascript.info/ 를 통해서 스터디를 진행하기로 하였습니다. 2020년도에 소마를 하면서 자바스크립트를 사용하긴 했었지만 정말 초보 상태에서 시작하게 되면서 기초가 정말 중요하다고 생각을 했었고, 이번 기회에 충분히 볼 수 있는 시간이 되었으면 하며 글도 남겨 봅니다. 

1. 소개

자바스크립트란?

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

자바립트로 작성한 프로그램 → 스크립트

스크립트는 웹페이지의 HTML안에 작성가능 → 웹페이지를 불러오면 스크립트가 자동으로 실행

특별한 준비(+컴파일) 없이 문자 형태로 작성 가능 + 실행도 가능

자바스크립트라고 명명 되었지만 홍보를 위해 자바스크립트이지 자바와는 독자적인 언어

자바스크립트 엔진이라는 프로그램이 들어있는 모든 디바이스에서 동작

크롬 + 오페라 → V8

firefox → spidermonkey

IE → trident or Chakra (ChaKraCore → Microsoft Edge, SquirrelFish → Safari)

브라우저에서 할 수 있는 일

html 추가, 수정, 업데이트

사용자 행동에 반응

네트워크 통신

쿠키 주고 받기

클라이언트 데이터 저장

브라우저에서 할 수 없는 일

웹페이지 내의 스크립트는 디스크에 저장된 파일 접근하는데 제약있음 + 파일 접근은 허용시 가능(ex : input 태그)

카메라나 마이크 같은 디바이스와 상호 작용시 사용자의 명시적 허가 반드시 필요

브라우저 내의 탭과 창은 서로의 정보를 알 수 없어야 함. 단 자바스크립트를 이용해 한창에서 다른창을 열때는 예외가 적용(동일 출처 정책)

자바스크립트만의 강점

HTMl/CSS와 완전히 통합가능

간단한 일은 간단하게 처리 가능

모든 주요 브라우저 지원 + 기본 언어로 사용되어짐

 

모든 공부한 내용의 기반은 "모던 JavaScript 튜토리얼" 사이트를 참고해 진행한 스터디 내용과 개인공부 내용을 정리해서 올립니다. 자바스크립트 공부하실 때 참고하시면 좋을 거 같습니다~!

https://ko.javascript.info/

모던 JavaScript 튜토리얼