JavaScript
-
자바스크립트 - 변수JavaScript/기본 2020. 2. 20. 21:38
오늘은 변수와 간단한 문법에 대해 알아보자! 변수란 무엇인가? → 변수(Variable)는 (문자 혹은 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 그리고 여기에 담긴 값은 다른 값으로 바꾸는 것이 가능하다. 그렇다면 선언은 어떻게 할 것인가? 자바스크립트에서 변수는 var로 시작한다. → 여기서 var는 변수를 선언하겠다는 것을 의미! var를 생략 할수도 있지만 이것은 유효 범위라는 것에 영향을 미친다. 변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다. var a = 1; alert(a+1); //결과: 2 변수 a에 1이 담겨지고, 1일 담긴 a와 숫자 1을 더해 경고창에 2라는 값이 출력된다. 여기서 혹시 모르니, //(주석)과 ;(세미콜..
-
자바스크립트 - 숫자와 문자JavaScript/기본 2020. 2. 19. 23:43
오늘은 숫자의 표현과 문자의 표현에 대해서 알아보도록 하자. 프로그래밍 언어를 배울 때, 우리는 가장 기본적으로 데이터를 알아야 한다. 데이터라는 것은 정보이고, 그 정보는 프로그래밍에서 그 정보가 무엇인가에 따라서 타입이 존재한다. 예를 들면, 숫자의 타입, 문자의 타입 등등 아마, 숫자와 문자가 젤 익숙할 것이다. 첫 번째로 숫자! 자바스크립트에서는 큰따옴표(")나 작은따옴표(')가 붙지 않은 숫자는 숫자로 인식한다. alert(1+1); // 결과: 2 alert(1.2 + 1.3); // 결과: 2.5 곱하기를 할 때는 *(에스터리스크, Asterisk, 키보드 자판 상으로 숫자 8)를 사용한다. alert(2 * 5); 나누기를 할 때는 /(슬래쉬, slash, 키보드 자판 상으로 오른쪽 shi..
-
자바스크립트 - 크롬 개발자 도구와 실습환경JavaScript/기본 2020. 2. 19. 21:28
이번 시간에 살펴볼 내용은 바로 크롬 개발 도구와 실습환경에 대해서 다뤄 보려고 한다. 가끔 파일에 직접 작성하는 게 귀찮을 때가 있다 그럴 때, 손쉽게 자바스크립트를 실행할 수 있는 방법을 소개하려고 한다. 일단 필자는 크롬을 기준으로 할 것이다. 우선, [F12] 키를 누르면 이렇게 [크롬 개발자 도구]가 화면에 보여진다. 그럼 여기서! 크롬 개발자 도구란 무엇인가? → 구글에서 만든 웹브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공한다. 이를 개발자 도구라고 하고, 이 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있다. 이렇게 띄어진 화면 밑에 Console 창에 자바스크립트 코드를 작성하고 실행하면, 이렇게 경고창이 화면에 보인다. 이렇게 크롬 ..
-
자바스크립트 - 언어의 이해와 환경JavaScript/기본 2020. 2. 19. 15:39
오늘은 자바스크립트의 언어의 이해와 환경을 다뤄보겠습니다! 기본적으로 우리가 프로그래밍 언어를 공부하는 것은? → 의사소통을 위한 약속 때문 혹은 문법을 이해하기 위해 공부를 한다고 생각한다. 하지만, 우리는 문법뿐만 아니라 언어가 동작하는 환경 또한 공부를 해야 한다. 자바스크립트는 웹 브라우저를 동작시키기 위한 도구였지만, 탈웹 브라우저, 탈웹을 보면서 자바스크립트는 다양한 분야에서 사용되고 있기 때문에 이 언어라는 것과 언어가 동작하는 환경을 분리해서 생각하면서 공부하는 것이 좋다. 자! 그렇다면 여기서 말하는 환경이란 무엇인가? → 언어를 사용하는 대상을 의미한다. 예를 들면, 한국어는 언어이며, 아무리 한국어라 해도, 의사에게 "개발해주세요."라고 하거나, 또는 변호사에게 "치료해주세요."라고 ..
-
자바스크립트 - 웹 서버 관계JavaScript/기본 2020. 2. 18. 23:25
오늘은 자바스크립트와 웹 서버에 대해서 정리합시다! 자바스크립트는 기본적으로 웹브라이저를 제어하기 위한 언어이고, 그러한 용도로 만들어졌다. 그렇다면! 자바스크립트가 웹 서버 다룰 수 있을까?? 답변 : "네 다룰 수 있습니다." 여기서 웹 서버란? → 웹서버 소프트웨어가 동작하는 컴퓨터를 의미하며, 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달하는 것이다. 자바스크립트는 많은 사람들로부터 사용이 되고 있으며, 자바스크립트와 관련된 여러 가지 기술들이 개발되는 과정에서 자바스크립트를 웹서버에서도 사용할 수 있도록 하는 기술들이 등장하게 되었다. 그 기술은 바로, node.js 이다. 우리가 흔히 알고 있는 대표적인 웹 서버를 다루는 기술들은 php, java, python, ruby 등이 존재..
-
자바스크립트 - 탈브라우저와 탈웹JavaScript/기본 2020. 2. 18. 12:46
오늘은 탈브라우저와 탈웹에 대해서 정리를 하고자 한다. 여기서 질문! 우리가 흔히 알고 있는 자바스크립트란? → 기본적으로 웹브라이저를 제어하기 위한 언어를 말한다. 하지만, 탈브라우저화 되면서 자바스크립트는 더 이상 웹브라이저만을 제어하기 위한 용도로 사용하지 않는다. 예전에는 자바스크립트와 웹브라이저는 떼려야 뗄 수 없는 관계였지만, 자바스크립트가 탈브라우저화 되면서, 자바스크립트라는 언어와 동작하는 환경(웹브라우저)이 환경을 분리해서 생각해야 하는 필요성이 생기게 되었다. 여기서 '탈' 이라는 말이 붙어 있는 것은? → 자바스크립트가 더 이상 웹브라우저만을 제어하기 위한 도구가 아닌 웹 이외에 여러 분야에서 다양하게 사용한다는 의미를 뜻한다. 대표적으로, Google Apps Script 라는 것이..
-
자바스크립트 - 오리엔테이션(OT)JavaScript/기본 2020. 2. 17. 23:05
자바스크립트란? : 웹 브라우저라고 하는 형태와 웹 브라우저라고 분류되는 소프트웨어들을 프로그래밍적으로 제어하기 위한 언어를 뜻한다. 주의! 여기서 프로그래밍적인 제어란? 여기서, 라고 적혀있는 부분이 "버튼을 클릭했을 때, 경고창을 실행시키고, "Hello world"라는 텍스트를 출력해라"라고 브라우저에 명령을 했기 때문에, 브라우저는 이 코드에 작성되어 있는 것처럼 사용자가 Hello world [버튼]을 클릭했을 때, 경고창을 띄우고 그리고 거기에 "Hello world"라는 텍스트를 출력하게 되는 것이다. 그렇다면 자바스크립트를 뜻하는 부분이 어느 부분일까?? 바로 onclick="alert('Hello world')" 이 부분이 자바스크립트를 뜻한다. 자바스크립트를 할 줄 알면, 보시는 것처럼..