Javascript 란 무엇일까?

제가 자바스크립트의 스킬의 지식이 부족한 거 같아서 다시 처음부터 코드를 하나하나 처 보면서 다시 공부하는 시간을 가질라고 합니다.

쉬운 거라고 무시하지 않고 차근차근 시작해 보겠습니다!

부족한 부분이 있다면 언제나 피드백 부탁드립니다!

자바스크립트는 웹 페이지에 생동감을 불어넣기 위해 만들어진 언어

 

프론트엔드 개발자라면 누구나 알아야 할 핵심 언어 중 하나가 **JavaScript (JS)**입니다.
그렇다면 자바스크립트는 정확히 무엇일까요?

라고 저는 이해하고 있습니다. 그렇다면 왜? 생동감을 주는 언어라고 생각하냐?

그 이유는 다음과 같습니다. 

우리는 보통 HTML을 사용해 웹 페이지의 기본 구조(뼈대)를 만들고,
CSS / SCSS / TailwindCSS 같은 스타일링 도구를 사용해 페이지를 더 예쁘고 매력적으로 꾸밉니다.

하지만 이렇게 만든 정적인 웹 페이지에 **기능(동적인 행동)**을 추가하려고 하면 HTML이나 CSS만으로는 한계가 있습니다.

 

예를 들어

 

• 로그인 시 ID나 비밀번호가 틀렸을 때 알림 창을 띄우고 싶다면?
• 사용자가 버튼을 클릭했을 때 데이터를 생성(Create), 읽기(Read), 수정(Update), 삭제(Delete) 하게 하고 싶다면?
• 글자 숨기기 게임, 틱택토 같은 미니 프로그램을 만들고 싶다면?

이처럼 웹에 특정 행동을 주고, 사용자와 상호작용 할 수 있도록 하는 데 있어서 자바스크립트 필수입니다.

그래서 프론트엔드 개발자에게 자바스크립트는 필수 꼭 꼭 알아야 하는 언어라고 할 수 있습니다.

 

자바스크립트의 동작 과정은 

1. HTML을 파싱 하는 도중 <script>를 발견

- 브라우저가 스크립트 태그를 만나면 html 파싱을 중지

 

2. 브라우저가 자바스크립트 엔진을 통해 실행 

- 브라우저에 내장된 엔진이 자바스크립트 코드를 실행

 

3. DOM에서 조작 

- JS는 HTML를 구조를 객체처럼 다룰 수 있는 DOM을 통해 요소를 변경하거나 이벤트를 추가할 수 있음

 

4. 이벤트 루프를 통해 비동기처리 지원 순으로 작동

- setTimeout, fetch 등은 비동기로 처리되어, 웹 페이지가 멈추지 않고 부드럽게 동작가능

 

자바스크립트는

HTML과 CSS가 다룰 수 없는 동적인 기능을 가능하게 하고,

사용자와 상호작용하며, 데이터를 다루고, 심지어 서버와도 소통할 수 있게 해주는, 웹 개발의 핵심 도구입니다.

 

이제 기초부터 다시 쌓아가면서, 한 줄 한 줄 의미를 이해하며 공부해보려고 합니다.
앞으로의 성장 과정도 함께 기록해 나가겠습니다!

 

감사합니다