연산, 문자, 변수, 연산자, 반복문, 함수, 배열

: 사용자가 어떠한 버튼을 클릭했을때 어떠한 일이 일어나도록 한다

: 웹브라우저 위에서 동작하는 자바스크립트

: <script> </script> 사이에 자바스크립트 코드 작성

 

* alert( ); // 괄호 안에 내용이 웹브라우저 실행시 알람창 출력됨

* console.log( ); // 콘솔창에 출력됨 (F12)

* 자바스크립트는 줄이 바뀌면 각각 다른 명령이라고 알아서 인식 -> 꼭 세미콜론(;) 안써도됨

  하지만, 한줄에 여러개 작성하려면 꼭 세미콜론 필요!

 

<수 연산>

☞ Math.pow(a,b) : a의b승

☞ Math.round() : 반올림

☞ Math.ceil() : 가장 가까운 위의 정수 출력

☞ Math.floor() : 가까운 아래쪽 정수 출력

☞ Math.sqrt(a) : a는 출력결과의 제곱근이다

☞ Math.random() : 소수점

ex) 100*Math.random() : 100보다 작은 랜덤소수점

-> Math.round(100*Math.random()) : 반올림된 정수값 출력

 

<문자>

: alert('');, alert(""); 큰따옴표, 작은따옴표 사이에 작성해야한다

: ' 어퍼스트로피는 ('') 사이에 쓸꺼면 \'로 사용

 

* typeof : 해당 하는게 number인지 string인지 check

 

<표현>

: \n 줄바꿈

ex) alert('hello\nworld'); 

: + 결합

ex) alert("hello" + "world");

: "code".length    // 4 출력 

 

* 생활코딩

https://opentutorials.org/course/50

JavaScript 사전 - 생활코딩

 

<변수 Variable>

: 값을 담는 그릇, 값이 변하는것이 가능한 변수 => 재활용성↑

: 숫자, 문자 어떠한 값도 담길 수 있다

: var == 변수 선언하겠다

ex) var num = 1; var a = 'coding', b = 'everybody';      // 변수 num,a,b 생성 

: var로 처음 선언이후 -> 이후 해당 변수 사용할때 var 붙이지 않아도된다

 

<연산자>

: '=' 대입연산자

: '==, !=, >, >=, <, <=' 비교연산자, 결과 true/false

: '===' 일치연산자 , 좌항과 우항이 '정확'하게 같으면 true/false

ex) alert(1 === '1'); => false, 데이터타입이 다르다

    alert(1 == '1') => true 타입이 달라도, 실직적으로 가지고 있는 정보의 의미가 같다면 true

    alert(true == '1'); , alert(false == '0'); => true, ===이면 false

    alert(undefined == null); => true, alert(undefined === null); => false

    

 

* prompt : 입력받는 창

+ alert(prompt('밥 몇시에 먹으러 갈까?')); 

=> prompt 실행 -> 입력 -> alert(입력값); -> alert로 입력값이 출력됨

+ 조건문 활용

* document.write( ); // 웹페이지에 출력하는 명령어

 

<반복문>

: while, for

: 반복문 종료 == break

: 그 순간중지 되었다가 다시 반복문 실행 == continue;

 

<함수>

: function 함수명() {

    코드;

    return 반환값;

  }

: return 등장 <출력>

1) 함수종료 2) return A -- return뒤에 있는 A를 함수의 출력값으로 반환

  + return값 한개만 가진다

: 함수명(입력값) <입력>

 

<배열 [ ]>

: 입력 여러개 -> 출력 하나

☞ 배열명.push() : 꼬리에 추가

☞ 배열명.unshift() : 배열 맨앞에 추가

☞ 배열명.splice(인덱스번호, 숫자(인덱스부터 제거될 원소의 수), 추가될 값) : 특정구간에 배열 추가

☞ 배열명.shift() : 젤 앞부분 데이터 제거

☞ 배열명.pop() : 맨 뒷부분 데이터 제거

☞ 배열명.sort() : 알파벳 순서대로 정렬

☞ 배열명.reverse() : 역순 정렬