웹개발 기반 다지기 (HTML / CSS / JavaScript)

요즘의 우리가 알고 있는 JavaScript의 역할

-> 웹 서버

-> 데스크탑 어플리케이션

-> 모바일 어플리케이션

-> 기타 등등 

 

역할이 매우 넓다 ! 

 

 원래 자바스크립트의 역할은 HTML, CSS와 함께 웹 페이지를 개발하기 위해 만들어진 언어라는 것 !

 

HTML

- 요소들의 내용, 배치, 모양을 정하기 위해 사용되는 언어

- 색상이나 디자인 등의 수정은 불가

- 웹의 뼈대 🦴

 

CSS 

- 요소들의 색상, 크기 등 스타일을 설정할 수 있음

- 웹의 피부 🫥

 

JavaScript

- 웹 내부에서 발생하는 다양한 기능을 만들 수 있음

- 웹의 근육 💪🏻

 

 

 

JavaScript는 어떻게 실행될까?

JavaScript 엔진을 통해서 실행된다 -> 이 엔진 없이는 자바스크립트 실행은 커녕 해석조차 불가능하다.

 

JavaScript  => 게임 ,  JavaScript 엔진 => 게임 구동기 

 

JavaScript 엔진은 브라우저에 기본 탑재되어 있어서 간단한 실습에 용이하다!

 

웹 브라우저에서 개발자 도구 > console 탭을 열었을 때 보이는 이 창을 프롬프트라고 하고, 이 프롬프트 창에 자바스크립트 코드를 입력하면 브라우저에 내장되어 있는 자바스크립트 엔진으로 코드를 실행시켜 볼 수가 있다.

 

console.log 함수의 역할은 소괄호 안에 있는 문자열이나 값을 console탭에 출력시켜준다.

 

이처럼 console창은 테스트 용도로 사용하기에 용이하지만, 말 그대로 테스트 용도로 주로 사용되기 때문에 오타를 감지한다거나 문단을 정리해주는 에디팅 기능이 없기 때문에 IDE를 사용하는 것이 일반적이다. 

 

 

 

 

✨이정환 Winterlood 님의 한 입 크기로 잘라먹는 리액트를 수강하면서 간단히 정리한 내용입니다. ✨ 

혹시나 잘못된 내용이나 부족한 부분에 대한 피드백은 언제나 환영입니다!