Javascript 요약 정리

1. 목표 : javascirpt의 기능을 이해하고 사용 할 수 있는 함수에 대해 공부해보자!

2. 기능 설명

1) 자바 스크립트의 변수 저장 방법

<script>
	let a = 5; #변수에 5을 저장한다.
	let b = 3; #변수에 3을 저장한다.
	console.log(a+b); #콘솔창에 a+b의 값을 출력한다.
</script>

1-1) 출력결과

2)변수 출력 방법

<script>
	let a = ['사과','배','수박']; #변수를 3개 리스트에 저장한다.
	console.log(a[0])  # 사과가 출력된다.
</script>

2-1) 출력결과

3) 요소 출력 방법

<script>
let person = {'name':'bob', 'age':30, 'height':180} #요소를 리스트에 형식으로 저장
	console.log(person['height'])  #키에 해당하는 값을 출력한다.

	let name = person['name'] #변수에 name(키)의 해당하는 값 bob을 입력
	et age = person['age']     #변수에 age(키)의 해당하는 값 30을 입력
	console.log(name, age)  #값 요소를 출력
</script>

3-1) 출력결과

4) 조건문

	let age = 15;

	if (age <20) {
     console.log('청소년입니다.')
            
    }   else {
	console.log('성인입니다.')
   }

4-1) 출력결과

5) 반복문

     let ages = [15,30,29,7,40,13];

     ages.forEach(a => {
         console.log(a)
     });

5-1) 출력결과

6) 조건+반복문

    <script>
        let ages = [15,30,29,7,40,13];

        ages.forEach(a => {
            if (a <20) {
            console.log('청소년입니다.')
            
        }   else {
            console.log('성인입니다.')
        }
        });
    </script>

5-1) 출력결과

6) 함수의 기본 형식

script단

        function hey() {
           alert('안녕하세요'); #안녕하세요를 영화 기록하기 버튼을 누를때 실행하게 한다.
        }

body 단

<button onclick="hey()"type="button" class="btn btn-outline-light">영화 기록하기</button>

nclick="hey()"을 대입하였기 때문에 사용 가능

6-1) 출력결과