Javascript 기초 문법

Javascript 기초 문법1

1) 자바스크립트란?

프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다.

1. 함수를 만들어두기

function hey(){
  alert('안녕!');
}

~안에 <script> ~ </script> 로 공간을 만들어 작성하며, <script> ~ </script> 내에 자바스크립트를 작성한다.

버튼에  onclick=”” 을 통해 함수를 연결하여. 버튼을 클릭했을때 함수가 호출됩니다.

<div class="title">
<h1>자바스크립트구동하기</h1>
<button onclick="hey()"> 만들어놓은 함수출력 버튼</button>
</div>

Javascript 기초 문법2

1) 변수 & 기본연산

변수 대입( a = 2 )의 의미: “오른쪽에 있는 것을 왼쪽에 넣는 것!”
(2를 a라는 변수에 넣는다)

1. let으로 변수를 선언합니다.

let num = 20
num = 'Bob'

// 변수는 값을 저장하는 박스예요.
// 한 번 선언했으면, 다시 선언하지 않고 값을 넣습니다.

2.  사칙연산, 그리고 문자열 더하기가 기본적으로 가능합니다.

let a = 1
let b = 2

a+b // 3
a/b // 0.5

let first = 'Bob'
let last = 'Lee'

first+last // 'BobLee'

first+' '+last // 'Bob Lee'

first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행합니다.

3.  변수명은 아무렇게나?

let first_name = 'bob' // snake case라고 합니다.

또는,

let firstName = 'bob' // camel case라고 합니다. 회사마다 규칙이 있죠.

과 같이, 쉽게 알아볼 수 있게 쓰는 게 중요합니다.
다른 특수문자 또는 띄워쓰기는 불가능합니다!