소개

안녕하세요,

JavaScript 입문 강좌에 오신 것을 환영합니다. 

이 강좌에서는 JavaScript 언어를 소개하고 기본 구조를 학습합니다.

HTML을 미리 알고 있지 않다면, 이 강좌를 시작하기 위한 선수 조건이 HTML 지식이라는 점을 말씀드려야 합니다.

JavaScript는 웹 애플리케이션부터 모바일 애플리케이션, 데이터베이스 시스템, 서버 측 시스템(NodeJS 등)까지 다양한 영역에서 사용됩니다.

이 프로그래밍 언어는 지난 10년 동안 빠르게 발전하면서 세계에서 가장 인기 있는 소프트웨어 기술 중 하나가 되었습니다.

현재 JavaScript는 현대 브라우저에 구현된 최신 버전인 에크마스크립트 2020입니다.

지금 바로 궁금한 점에 답변드리겠습니다

JavaScript와 에크마스크립트의 차이점은 무엇인가요?

사건의 전말을 설명할 필요는 없습니다. JavaScript의 공식 명칭이 에크마스크립트라는 사실만 기억하시면 됩니다.

아래 주소에서 확인할 수 있는 명세도 에크마스크립트라는 이름으로 작성되어 있습니다.

어디에서든 에크마스크립트라는 이름을 보면 실제로는 JavaScript를 의미한다고 생각하시면 됩니다.

현재 사용되는 JavaScript의 최신 버전은 에크마스크립트 2020, 즉 에크마스크립트 11 버전입니다.

이 강좌는 웹 환경에서 JavaScript를 사용하는 방법을 중심으로 구성되어 있습니다.

이전에 HTML 시작하기 및 CSS 강좌에서 HTML과 CSS를 모두 학습했습니다.

웹은 HTML, CSS, JavaScript 언어를 기반으로 합니다. 이제 이 세 요소 중 마지막 연결 고리인 JavaScript 언어를 학습해 보겠습니다.

분명 올바른 곳에 오셨습니다.

JavaScript는 높은 생산성을 바탕으로 소프트웨어의 다양한 분야에서 폭넓게 활용됩니다.

JavaScript와 Java는 같은 언어인가요?

두 언어는 완전히 다른 언어입니다.

Java가 역사적으로 먼저 개발되었고, 그 후 JavaScript 언어가 개발되었습니다.

Java는 JVM에서 실행되는 클래스 기반의 타입 안전 언어인 반면, JavaScript는 프로토타입 기반 상속을 제공하고 브라우저에서 동작하도록 개발된 타입 안전성이 없는 언어입니다.

두 언어는 구문에서 유사한 점이 있습니다. 또한 Java와 JavaScript 언어는 이름이 비슷하다는 점 외에는 서로 관련이 없다고 말씀드릴 수 있습니다.

웹 외부에서 JavaScript 언어가 사용되는 분야는 무엇인가요?

JavaScript는 웹 페이지를 구성하는 세 가지 핵심 요소 중 하나일 뿐 아니라, 서버 측에서 NodeJS와 같은 중요한 프로젝트의 기반을 이룹니다.

모바일 분야에서는 리액트 네이티브, 아이오닉과 같은 모바일 프레임워크를 활용하여 모바일 애플리케이션을 개발하는 하이브리드 솔루션에 사용됩니다.

JavaScript의 유연하고 가벼운 구조 덕분에 다양한 데이터베이스부터 사물 인터넷 장치와 게임에 이르기까지 여러 분야에서 기술 솔루션을 사용할 수 있습니다.

웹 환경에서 JavaScript 언어의 역할은 무엇인가요?

1990년대 중반부터 웹 환경의 필수 요소였던 JavaScript 언어의 중요성은 2000년대 중반 이후 더욱 커졌습니다.

JavaScript 언어 덕분에 많은 업무 로직을 브라우저에서 처리할 수 있게 되었습니다. 리액트, 앵귤러, 뷰와 같은 프레임워크와 라이브러리의 도움으로 웹사이트는 더욱 상호작용적인 형태가 되었습니다.

웹 초창기에는 일반적으로 정보 제공에 사용되던 웹 페이지가, 다음 시기에는 사용자가 데이터를 입력할 수 있는 웹 애플리케이션으로 바뀌었습니다.

Facebook과 Twitter 같은 소셜 미디어 페이지는 JavaScript가 광범위하게 사용되는 현대적인 웹 애플리케이션의 좋은 예입니다.

클라이언트 측에서 JavaScript를 사용하는 또 다른 장점은 일부 작업을 서버 대신 클라이언트에서 수행하여 서버의 부하를 줄일 수 있다는 것입니다.

JavaScript를 배우지 않고 HTML과 CSS만으로 웹 페이지를 개발할 수 있나요?

네, 가능합니다. HTML과 CSS만 사용하여 웹 페이지를 개발할 수 있지만, 사용자가 생성한 이벤트를 제어하고 브라우저에서 프로그래밍하며 더욱 동적인 웹 페이지를 만들려면 JavaScript 언어가 필수적입니다.

JavaScript는 배우기 어려운가요?

JavaScript는 배우기 어렵지 않습니다. 그러나 프로토타입 상속, 클로저, 어휘적 범위와 같은 일부 개념은 개발자가 처음에 이해하기 어려울 수 있습니다.

Coddykit의 강좌를 통해 여러분의 JavaScript 지식을 빠르게 향상할 수 있도록 최선을 다하겠습니다.

JavaScript 애플리케이션은 어디에서 작성하나요?

JavaScript 언어 개발을 시작하기 전에 편집기를 선택하는 방법은 아래 동영상에서 확인할 수 있습니다.

편집기 외에 온라인 도구를 사용하여 작성하고 싶다면 jsfiddle.net과 같은 좋은 대안도 있습니다.

모든 브라우저가 JavaScript 최신 버전인 ES2020을 지원하나요?

현재 최신 브라우저에는 ES2020의 많은 기능이 지원된다는 것을 알고 있습니다.

웹 페이지에서 JavaScript를 어떻게 사용하나요?

강좌를 시작하기 위한 선수 조건이므로 HTML과 CSS가 무엇인지 알고 있습니다.

반면 JavaScript는 사용자가 HTML에서 입력한 양식을 서버로 보내지 않고 검증하거나, AJAX를 사용하여 페이지를 새로 고치지 않은 채 사용자에게 피드백을 제공하는 메커니즘을 설정하고, HTML과 CSS를 지원하여 더욱 발전된 사용자 인터페이스를 준비하는 등 다양한 기능을 제공합니다.

이와 별도로 최근 몇 년 동안 널리 사용되기 시작한 단일 페이지 애플리케이션(리액트, 앵귤러, 뷰 등)의 동적인 웹 애플리케이션을 만드는 데에도 사용됩니다.

축하합니다 🎉

첫 번째 수업에서 JavaScript가 무엇인지 배웠습니다.

다음 섹션에서는 첫 번째 JavaScript 코드를 작성해 보겠습니다.