javascript 강의01

사용환경은 비주얼 스튜디오 코드를 사용

ep01~02내용

 

<기본 문법>

 

1.

- <script>javascript~</script> : 스크립트 태그 안에 javascript 코드 사용

- <script src="파일 경로" /> : script 태그안에 src속성에 자바스크립트 파일 경로 삽입

 

2. console.log 

콘솔 화면에 메세지 출력

 

3. alert

브라우저에서 경고창 출력

 

4. 변수

다양한 값을 저장, 다양한 자료형 할당시킴

변수는 값을 저장하는 아이라고 생각하면 됨

변수를 선언 할 때 let 을 사용하여 선언한다

 

ex) let str = 'Hello Javascript' ; //문자 할당

      let number = 10; //숫자 할당

      console.log('문자열: ', str); 

      console.log('number: ', number);

 

5. 함수

코드를 편하게 재사용하기 위해 그룹화 시킨 것

 

ex)

function sayHello() {  //함수 선언

   console.log('1');

   console.log('2');

   console.log('3');

}

 

sayHello(); // 함수 실행

 

6. 객체

객체라는 자료형을 선언할 때 중괄호를 사용,

이 객체가 갖고있는 변수를 프로퍼티(속성)이라 부른다.

또한 객체는 중괄호 내에 함수를 가질수도 있다.

 

ex) 

let obj = {

number: 30, //프로퍼티

  sayhello:function () {

    console.log('obj>1');

    console.log('obj>1');

    console.log('obj>1');

  },

};

 

console.log(obj);

만약 넘버만 출력하고 싶으면 >> console.log(obj.number);

만약 함수 sayhello를 실행하고 싶으면 >> obj.sayHello

 

7. 이벤트

html 코드 내에서 이벤트 코드를 입력하여 브라우저에 직접 실행되는 작업