JavaScript 기초와 콘솔

이재은·2025년 4월 17일

전에 적었던 글에 JS대한 글이 있긴 하지만 실습,결과값 출력 위주의 글이라 기초부터 다시 다질겸 내 벨로그에 정리를 한다.

JavaScript

먼저 자바스크립트에 대해서 알고 가면 좋을 듯 하다.
html 과 css만으로 동적인 웹 페이지를 만들기 쉽지 않았다.
동적인 htlm을 표현하기 위해 브렌던 아이크가 JS를 개발했다.
'크로싱 브라우저'현상이 생기지 않게 ECMA 인터내셔널에서 JS표준화를 하였고,
ECMAScript가 탄생하였다. 그것이 현재의 JS이다.

Ajex

Ajex은 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 기능이다.

Ajex의 등장 전에는 서버로부터 완전한 HTML을 받아 전체를 렌더링을 해 화면전환시 처음부터 다시 렌더링을 하여 순간적으로 깜박이는 현상이 발생하고 불필요한 데이터 통신이 일어나 이는 웹 애플리케이션의 한계로 받아들여 졌다.

자바스크립트는 크로스 플렛폼을 위한 언어이며 웹 브라우저에서 동작하는 유일한 언어이다.

Console(콘솔)

JS는 컴퓨터에게 일을 시키기 위한 언어이다.

그중에서도 console.log()로 코드를 직접 입력하고 실행결과를 바로 확인 하며 중간 결과를 출력, 오류 추적을 한다.

출력방법

가장 쉽고 가깝게 접할 수 있는 방법은 웹 브라우저의 개발자 도구 console 탭이다.
콘솔창에 console.log() 괄호 안에 숫자, 표현식 혹은 따옴표로 묶인 텍스트를 입력해 실행결과를 출력한다.
또,디버깅할때나 사용자 입력값이나 외부에서 받아온 데이터가 정상적으로 들어왔을때 확인이 가능하다.

즉, console.log()는 개발 중 코드의 흐름과 상태를 눈으로 확인하는 가장 간단하고 강력한 도구이다.

profile
조각 레몬

0개의 댓글