앱 만들기/JavaScript study

브라우저 자바스크립트 활용하기

나도처음이야 2023. 7. 27.
반응형

자바스크립트를 배워서 멋진 프로그램을 만드는 것도 좋겠지만

브라우저를 통해서도 자바스크립트를 활용할 수 있답니다.

단순한 계산기 혹은 글자 수 세기 등도 별도의 앱을 띄우지 않고 브라우저 창에서도 바로 확인이 가능합니다.

이게 가능한 이유는 우리가 사용하는 브라우저들은 기본적으로 자바스크립트 엔진을 모두 포함하고 있기 때문이죠.

그럼 계산기 기능부터 사용해 볼까요? 구글 크롬브라우저를 기준으로 설명하겠습니다.

 

1. 계산기

브라우저가 열린 상태에서 F12를 누릅니다.

그러면, 브라우저의 오른쪽에 개발자 도구 창이 나타납니다.

개발자 도구에서 콘솔 탭으로 이동합니다. 

오른쪽 콘솔 창에는 커서가 깜빡이고 있죠. 바로 여기서 자바스크립트 명령을 기다리고 있는 겁니다.

사칙연산 등 계산하고 싶은 수치값들을 입력해 봅니다.

바로바로 계산값들을 보여주고 있습니다. 브라우저 만 있어도 별도의 계산기 앱을 띄울 필요가 없습니다. 편리합니다. ^^

프로그램이 별거인가요? 우리 삶에 도움이 되는 것이 바로 프로그램이니 말이죠.

이 순간만큼은 이것이 자바스크립트 다라는 의미가 중요하지 않습니다.

2. 글자 수 세기

이번에는 글자수 세기를 진행해보겠습니다.

역시 콘솔 창에서 명령어를 입력하면 됩니다. 입력하고자 하는 텍스트 앞뒤로 ' ' 기호를 줍니다.

그리고. length라는 명령어를 입력합니다. le 까지만 입력하여도 자동완성 기능이 나옵니다.

한글 및 영어의 글자 수도 정확히 세어줍니다. 공백까지 포함해서 말이죠.

브라우저에 탑재된 자바스크립트를 활용해서 

계산기와 글자 수 세기 기능을 이용해 보았습니다. 프로그램이라고 해서 어렵기보다는 우리 생활에 편리성을 만들어 주는 것을 자꾸 생각해 보면 되겠죠? 감사합니다.

반응형

댓글