안녕하세요. 이번시간에는 자바스크립트의 for문과 while문을 알아보겠습니다. 


사실 자바나 c언어와 똑같다는 말말고는 하고 싶은 말이 없는데요...... 그말만 해도 될까요? 똑가테요 완전 똑가테요


switch 랑 if문도 똑같아요 다똑같아요~!!! 절대 귀찮아서 이렇게 쓰는게 아니랍니다. ㅎㅎ


그렇다면 코드를 작성해서 실행해보겠다.

내가 생각한 시나리오이며 이것과 실제 동작하는 것을 비교해보겠다.

1. 예상되로 case 5: 가 실행되었다.

2. 마지막 else if 가 실행되었다.

3. for문은 0~4까지 실행되었으며 while문은 4~1까지로 감소하였다.


이것으로 자바스크립트의 for문 while문 if문 switch문이 자바나 c언어와 특별히 다를 것이 없다는 것을 확인할 수 있다.



Posted by 구레이더

자바스크립트는 다른 언어와는 다른 점중에 하나는 바로 동등연산자인 ==이다.


자바에서 1=="1"의 결과는 무엇이라고 생각하는가? 답은 false이다. 하지만 자바스크립트는 어떨까? 답은 true이다


왜 그러하다고 생각하는가? 이것은 자바스크립트에서는 동등연산자의 경우 느슨한 비교를 하는 것이라고 생각할 수 있다.


우선 화면은 통해서 살펴보겠다.


첫번째는 number형인 숫자와 string 형인 문자열의 비교이다. 정답은?

두번째는 null 형과 undefined형의 비교이다. 정답은?

첫번째의 정답은 true이다.

두번째의 정답은 true이다.

과연 이것이 기존의 생각하는 동등연산자의 결과과 같은가? 아마 다를것이다. 그 이유는 동등연산자(==)의 경우 데이터타입을 확인하지 않기 때문이다. 이것에 관련된 연산의 결과는 아래의 표를 참조하자.



그렇다면 어떻게 연산을 해야할까? 그 답은 일치연산자인 (===)에 있다. 이 연산자는 데이터타입까지 비교를 한 뒤 결과값을 반환하여 준다.


즉 내용물과 데이터 타입이 같아야 한다는 것이다. 아까와 같은 연산을 일치연산자(===)를 통해서 해보자.


아까와 같은 코드이다. 대신 연산자를 일치연산자로 대체하였다. 결과는 어떨까?

 아까는 true였던 값들이 false가 된것을 확인할 수 있다.

즉, 자바스크립트에서는 동등연산자보다 일치연산자를 사용하는 것을 권장한다. 안그렇다면 위의 표를 다 외워서 그때그때 사용해야할 것이다.

 


Posted by 구레이더

자바스크립트는 자바와 c언어와는 다른 점 중에 하나가 바로 변수선언입니다. 


자바스크립트의 변수선언은 var 하나로 합니다. 


이것은 자바의 int double String을 모두 포함합니다. 심지어 함수까지 포함할 수 있습니다.


자바스크립트에서 데이터형식은 크게

number

string

function 으로 나뉠수 있으며 모든 선언은 var을 통해 합니다.

1. int 형 flot 형 string 형 모두 var 키워드를 통해서 선언한 모습입니다.

2. 그리고 alert 함수를 통해서 경고창에 모든 데이터형을 출력해보겠습니다. 그리고 var c의 경우는 함수이기 때문에 괄호()를 통해서 실행해 보겠습니다.

3. alert()첫번째를 통해서 a 와 a2 그리고 b가 출력되었습니다.

4. 그리고 c()는 별도의 경고창을 통해서 실행되었습니다.

그리고 별개로 이 변수들의 형식을 확인해보겠습니다.



1. 다음과 같은 코드를 작성합니다. typeof()는 매개변수의 자료형이 무엇인지를 출력해주는 함수입니다. 

그리고 html 의 문서에서 한줄뛰우기는 <br \>이니 참고하세요



2. 결과창에서 보시다 시피 자료형은 <number> <string> <function>이 나왔습니다.


이번 시간에는 자바스크립트에서 변수를 선언하는 방법에 대하여 알아보았습니다. 


함수선언하는 방법은 나중에 한번더 다루겠습니다.

 



Posted by 구레이더

자바스크립트를 이용해서 출력하는 방법으로 3가지를 소개하겠습니다.


출력하는 방법은 3가지가 있는데 모두 다른 곳에 출력하는 방법입니다.


1. 콘솔창

2. 경고창

3. html 문서 


각각의 경우에 대하여 알아보겠습니다.

1. 콘솔창에 출력입니다.

1. 콘솔창에 출력하려면 console.log(" ")형식으로 <script>.....</script> 사이에 코딩을 해주시면 됩니다.

2. 파일을 저장한뒤 test.html을 실행해보겠습니다. ctrl + o 키를 눌려주시면

3. 다음과 같은 로드창이 나옵니다.

4. 파일을 선택해서 클릭을 해주시면~!!!

5. 아무것도 나오지 않을 겁니다;;; 왜냐하면 저희는 html 화면이 아닌 콘솔창에 출력을 했기 때문입니다.

6. 콘솔창은 f12를 눌러 주시거나 메뉴 -> 보기 -> 개발자도구를 누르시면 다음과 같은 화면이 나올것입니다. 우측하닥에 한글 깨진것이 보이시나요? 저희가 출력한 문자가 깨진 것이랍니다. 한글이 깨지네요;;

7. console.log("output in console")이라고 코드를 수정해주신 뒤 저장하고 실행을 하면 우측하단에 먼가가 바뀌었죠?

8. 확대한 모습입니다. console창에 output in console이 보입니다. 이렇게 콘솔창에 출력을 한것입니다.


2. 경고창 출력하기 입니다.


1. 경고창 출력의 함수는 alert()입니다. 이것은 함수죠. 그래서 alert를 사용하면 경고창 출력이 가능합니다.



2. 파일을 실행하면 이런 형식으로 출력되는 것을 확인할 수 있습니다.


3. html 문서에 출력하기


1. html문서에 출력을 하는 것은 document.write("")형식으로 되어 있습니다.

그렇기에 아래와 같이 코딩을 하시면 됩니다.


2. 파일을 실행하면 다음과 같이 적혀있는 것을 확인하실 수 있습니다.



이렇게 출력의 3가지 형식인 console / alert / document.write를 확인하였습니다.



Posted by 구레이더

Sublime Text2에서는 여러언어의 에디터를 지원해준다. 그 중에서 나는 자바스크립트에 대한 학습을 해보겠다.



1. 파일을 생성한다.



2. ctrl + s 를 눌러서 파일을 저장한다.




3. 파일형식을 All Files로 설정한뒤 이름을 아무것이나 한뒤 확장자를 html로 설정한다.



4. 파일이름이 저장된 것을 확인할 수 있다.



5. 서브라입 텍스트는 html을 누른뒤 tab 키를 누르면 html의 기본 틀을 제공해준다.



6. tab을 누른 후의 모습 


만약, 안된다면 메뉴-> View -> Syntax -> HTML 을 설정하면 된다.


7. 우리는 자바스크립트를 코딩할 것이다. 그렇다면 <body> 부분에 script를 친뒤 tab키를 누르면 기본 틀을 제공해준다.



7. 기본적인 틀을 확인할 수 있을 것이다.



8. <script>...</script> 사이에 코딩을 시작하면 된다.



sublime text를 설치하는 것은 인터넷을 통해서 많은 곳에서 알려줄 것이다.


Posted by 구레이더