JavaScript 공부 - 1

예흠·2020년 6월 24일

JavaScript란 무엇일까?

안녕하세요 오늘은 자바스크립트란 무엇인지에 대해 공부해 보려고 합니다.

클릭! javascript 참고 자료

일단 자바스크립트를 저는 아예 모르기때문에 기초부터 차근차근 하려고 합니다.

* 코드 script

코드 < script >는 웹브라우저에게 지금부터는 자바스크립트 코드이기 때문에 이 코드를 해석 할 때는 자바스크립트의 문법에 따라서 해석해서 실행하라고 알려주는 구문(태그)입니다.

<script>
    alert('hello world');
</script>

이런 식으로 코드를 입력할 수 있는거죠.

* 숫자와 문자

자바스크립트에서 숫자와 문자는 간단합니다.
숫자는

alert(1);

이런식으로 그냥 숫자를 써주고,
문자는

alert('hello yeheum');

이런식으로 따옴표를 붙여줍니다.
큰따옴표 작은따옴표 상관없는듯 합니다~

* console

다함께 F12를 눌러서 콘솔창을 띄워 봅시당

우리는 이 창을 통해서 즉각적으로 코드의 반응을 확인할 수 있습니다.

바로 이런 식으로요 ㅎㅎㅎ

앞으로 이 콘솔창을 통해서 많은 것을 확인 할 수 있을것 같네요

* 변수

일단 자바스크립트에서 변수는 var 로 시작합니다.
var은 변수를 선언하겠다는 의미입니다.
변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있습니다.

<script>
	var a = 1;
	alert(a+1);  //2
	var a = 2;
	alert(a+1);  //3
</script>

이런식으로 숫자를 넣을수도 있고

<script>
  	var a = 'coding', b = 'everybody';
	alert(a);
	alert(b);
</script>

이렇게 문자를 넣을수도 있습니다.

* 비교

설명없이 바로 가겠습니다.

c언어와 마찬가지로 연산자를 쓰네요. 물론 다른것도 있습니다!!

" == " 연산자

동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 됩니다.

<script>
	alert(1==2)             //false
	alert(1==1)             //true
	alert("one"=="two")     //false 
	alert("one"=="one")     //true
</script>

" === " 연산자

일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 됩니다. (첨 봅니다)

<script>
	alert(1=='1');              //true
	alert(1==='1');             //false
</script>

이 밖의 연산자 "!=, >, <=" 등등은 c언어와 같으니 생략하겠습니다.

일단 오늘은 여기까지만 포스팅 하겠습니당....ㅠㅠㅠ

profile
노래하는 개발자입니다.

0개의 댓글