[JavaScript(1)] 자바스크립트란?

 

 

안녕하세요~  경제적 자유입니다.

 

오늘은 JavaScript의 정의와 특징를 리뷰해보려고 합니다.

 

OverView

---

 

JavaScript는 웹 페이지를 더 생동감 있게 만들어주는 프로그래밍 언어입니다.

예를 들어 버튼을 눌렀을 때 메뉴가 열리거나, 입력한 내용에 따라 화면이 바뀌거나, 쇼핑몰 장바구니 수량이 바로 변경되는 기능들이 JavaScript와 관련이 있습니다.

 

쉽게 말하면 HTML이 웹페이지의 뼈대, CSS가 옷과 디자인이라면, JavaScript는 웹페이지가 움직이게 만드는 행동 담당이라고 볼 수 있습니다.

 

추가로 더 자세히 공부하고 싶다면 아래 문서를 참고해보세요.

• 참고 링크: MDN JavaScript 안내서
• 참고 링크: MDN JavaScript 참고서

 

 

개념 설명

---

 

 

1. JavaScript란?

 

Javascript는 웹페이지에 동적인 기능을 추가하기 위해 많이 사용하는 프로그래밍 언어 입니다.

 

처음에는 웹페이지를 살아 움직이게 만들기 위해 만들어졌지만, 지금은 브라우저뿐만 아니라 서버, 데스크톱 앱, 모바일 앱 개발 등 다양한 곳에서도 사용됩니다.

예를 들어 이런 기능을 만들 때 JavaScript가 사용됩니다.

 

• 버튼을 클릭하면 메뉴가 열리기
• 입력창에 글자를 쓰면 바로 결과 보여주기
• 쇼핑몰 장바구니 수량 변경하기
• 웹페이지에서 데이터를 가져와 화면에 보여주기

 

초보자가 헷갈리기 쉬운 부분은 이름입니다.

JavaScript와 Java는 이름이 비슷하지만 서로 다른 언어입니다.

“김치”와 “김치볶음밥”이 이름은 비슷해도 같은 음식은 아닌 것처럼, JavaScript와 Java도 별개의 언어라고 생각하면 됩니다.

 

 

 

---

 

2 . 코드 에디터란?

 

코드 에디터는 JavaScript 코드를 작성하는 도구 입니다.

 

메모장에도 코드를 쓸 수는 있지만, 코드 에디터를 사용하면 훨씬 편하게 개발할 수 있습니다.

대표적인 코드 에디터로는 Visual Studio Code가 많이 사용됩니다.

(저는 근데 AntiGrativity를 사용하고는 있습니다..)

코드 에디터는 이런 도움을 줍니다.

 

• 코드 색상을 다르게 보여줘서 읽기 쉽게 해줌
• 오타나 문법 실수를 찾는 데 도움을 줌
• 자동완성 기능을 제공함
• 파일과 폴더를 편하게 관리할 수 있음
• 디버깅을 도와줌

 

쉽게 말하면 코드 에디터는 개발자를 위한 공부 책상 같은 존재입니다.

그냥 종이에 적는 것보다, 정리된 책상에서 공부하면 훨씬 편한 것과 비슷합니다.

 

 

 

마무리

---

 

 

 

오늘은 JavaScript를 처음 배울 때 알아두면 좋은 기본 개념들을 정리해봤습니다.

 

사실 비전공자 입장에서 JavaScript를 처음 접하면 생각보다 어렵게 느껴지는 것 같습니다.

안내서를 읽어도 무슨 말인지 한 번에 이해되지 않고, console.log() 같은 간단한 코드도 처음에는 낯설게 느껴질 수 있습니다.

 

하지만 처음부터 모든 개념을 완벽하게 이해하려고 하기보다는, 직접 코드를 작성해보고 실행해보면서 조금씩 익숙해지는 것이 더 중요하다고 생각합니다.

 

오늘은 JavaScript가 어떤 언어인지, 공식 문서와 명세는 왜 필요한지, 그리고 코드 에디터가 어떤 역할을 하는지 가볍게 살펴봤습니다.

아직은 어렵고 난해하게 느껴지는 부분도 많지만, 하나씩 차근차근 쌓아가다 보면 언젠가는 자연스럽게 이해되는 순간이 오지 않을까 싶습니다. 하핫..