Javascript 사용법, 기본적인 문법 (공부_1)

원래는 플레이리스트를 어느 정도 만들고 자바스크립트를 공부하려고 했지만 도중에 컴퓨터 문제도 생겼고 자바스크립트를 공부하면서 시간 날 때 천천히 만들어 갈려고 한다.

 

1.  자바스크립트 사용법

• <script></script> : script 태그 안에 자바스크립트 코드를 작성해서 사용할 수 있음
• <script src="파일 경로"></script> : 가장 많이 사용되는 방법이며 script 태그 안에 src 속성을 사용해 자바스크립트 파일 경로를 적음
•  위의 파일 경로 다음에 defer 속성을 작성하는데 이거에 대해서는 다음에 설명

 

2. 기본 문법

console.log

• 콘솔 화면에 메시지를 출력
• console.log('Hello Javascript'); 형식으로 작성
• console.log('A', 'B', 'C'); ---> A B C 출력
• 라이브 서버를 킨 다음 코드를 저장하고 F12 -> console을 누르면 작성한 메시지 확인 가능

alert

• 브라우저에서 경고 창을 띄움
• alert('Hello Javascript'); 형식으로 작성

 

let

• 변수 선언
• let str = 'Hello Javascript'; ---> 문자열 선언
• let number = 123; ---> 숫자 선언
• console.log('문자열 : ', str); 이런 식으로 출력할 수 있음

 

function

• 함수(메서드) : 코드를 편하고 간편하게 재사용하기 위해 그룹화한 것을 의미
• function 함수이름() { } 형태로 작성

 

객체

• 변수와 함수를 가지고 있음
• 변수를 프로퍼티(properties)라고 부름
• let obj = {
       number: 123,
       Say: function () {
            console.log('obj');
       },
  }

 

이벤트

• HTML 요소에서 발생한 사건을 의미
• <button onclick="클릭했을 때 실행할 코드 작성">버튼</button> 형태로 작성

 

오늘은 간단하게 Javascript 사용법과 기본적인 문법에 대해서 공부해 봤다.

어느 정도는 학교에서 배운 객체 지향 프로그래밍 언어인 Java와 비슷해서 많이 어렵지는 않았다.

앞으로 더 많은 내용들을 배우면서 어려워지겠지만 포기하지 않고 열심히 공부해야겠다는 생각이 들었다.