🍋자바스크립트란?

자바스크립트는 딱딱한 웹 페이제에 생동감을 불어넣기 위하여 만들어진 프로그래밍 언어다. 자바스크립트로 작성한 문법은 script 라고 한다. 이 스크립트는 웹페이지의 HTML 안에 작성할 수 있고, 이 DOM을 불러올 때 자바스크립트가 자동으로 실행된다.

cf) 🤷🏼‍♂️ 자바스크립트? 자바랑 비슷한건가?
결론부터 말하자면 자바스크립트는 자바와는 전혀 다른 독자적인 언어다. 자바스크립트가 처음 세상에 나왔을 때는 'LiveScript' 라 불렸다. 이 시기에 자바의 인기는 아주 높은 상황이었고 사람들은 'LiveScript'를 자바의 동생 격 언어로 홍보하면 널리 알려질 것 같아 이름이 'JavaScript' 로 바뀌었다는 어이없는 사실이 있다.

🛠️Js가 브라우저에서 할 수 있는 일

자바스크립트는 안전한 프로그래밍 언어라고 할 수 있다. 메모리나 CPU 같은 저수준 영역의 조작을 허용하지 않기 때문이다. 애초에 이러한 접근이 필요하지 않은 브라우저를 대상으로 만들어진 언어이기 때문이다.
자바스크립트는 실행 환경에 따라서 그 능력이 달라진다. Node.js 환경에선 임의의 파일을 읽거가 쓰고, 네트워크 요청을 수행하는 다양한 함수를 지원한다.

• 페이지에 새로운 DOM을 추가하거나, 기존 HTML, 혹은 스타일을 수정할 수 있다.
• 마우스 클릭, 포인터의 움직임 등 사용자의 의한 이벤트에 반응할 수 있다.
• 네트워크를 통하여 원격 서버에 요청을 보내거나, 파일 업로드, 혹은 다운로드를 할 수 있다.
• 쿠키를 가져오거나 설정하고, 사용자에게 메세지를 보여줄 수 있다.
• 로컬 스토리지에 데이터를 저장할 수 있다.

🤦‍Js가 브라우저에서 할 수 없는 일

자바스크립트는 브라우저의 보안을 위해 기능에 제약을 걸어 두었다.

• 웹페이지 내 스크립트 티스크에 저장되어있는 파일을 보고, 쓰고, 실행할 때 제약을 받을 수 있다.
• 브라우저 내 탭과 창은 대개 서로의 정보를 알 수 없다. 하지만 자바스크립트를 사용하면 한 창에서 다른 창을 열 때는 예외가 적용이 된다. 하지만 이 겨우에서도 도메인이나 프로토콜, 포트가 다르면 그 페이지에 접근할 수 없다.
• 타 사이트나 도메인에서 데이터를 받아올 수 없다. 만일 가능하더라도 원격 서버에서 명확한 승인이 필요하다.

💪Js만의 강점

• HTML/CSS 와 완전히 통합할 수 있음
• 간단한 일은 간단히 처리 가능
• 주요 브라우저는 모두 지원하고, 기본 언어로 사용됨