javascript(1)

웹개발 종합반 2주차 - javascript

 

 

 

 

맛보기

button에 onclick="hey()"를 넣어서 영화 기록하기 버튼을 클릭하면  '안녕하세요!' 라는 문구가 나오도록 함

이렇게 알림창이 뜬다

    <script>

        function hey(){

            alert('안녕하세요!')

        }

    </script>

    <div class="mytitle">

        <h1>내 생애 최고의 영화들</h1>

        <button onclick="hey()">영화 기록하기</button>

    </div>

 

 

 

 

 

javascript 기초 문법

alert( )가 아닌 console.log( )를 넣으면?

    <script>

        function hey(){

            console.log('안녕하세요!')

        }

    </script>

검사 기능 - console 탭에서 내용을 볼 수 있다.

>> 개발자들이 코딩을 했을때 맞게 출력되고 있는지 확인 하는 것! 

    <script>

            console.log('안녕하세요!')

    </script>

function 기능 없는 console.log( )는 클릭하지 않고도 검사 기능으로 데이터가 맞게 출력되는지 확인 할 수 있다.

 

 

 

 

변수

        let a = 2

        let b = 3

        console.log(a+b)

= 5

 

        let a = '대한'

        let b = '민국'

        console.log(a+b)

=대한민국  *문자는 꼭 '' 안에 넣어주기! 약속

 

        let a = ['사과','수박','딸기','감']

        console.log(a)

여기서 하나만 나오게 하고 싶다면

console.log(a[0])

log(a[숫자]) 를 입력해주면 된다. 참고로 컴퓨터에서는 0부터 시작하니 사과를 출력하고 싶으면 '0'을 넣는다.

+  console.log(a.length) = a 요소의 갯수 = 4

 

 

 

 

딕셔너리(사전) key - value

    <script>

        let a = {'name':'영수','age':27}

        console.log(a)

    </script>

console.log(a['name'])

'영수'라는 이름을 가져오고 싶으면 ( a [ 'key값' ] ) 

 

        let a = [

            {'name':'영수','age':27},

            {'name':'철수','age':15},

            {'name':'영희','age':20}

        ]

        console.log(a[0]['name'])

요소가 여러개가 있을때,

a의 0번째 요소의 'name'을 불러오면 = 영수

a의 1번째 요소의 'age'를 불러오면 = 15