상세 컨텐츠

본문 제목

웹개발 Javascript

코딩/웹개발

by joing_in 2023. 3. 21. 17:55

본문

<head> ~ </head> 안에 <script> ~ </script> 사이에 쓰기

 

<script>
    funtion hey() {
        console.log('안녕하세요')
    }
</script>

<body>
    <button onclick="hey()">영화 기록하기</button>
</body>
 
=> console.log는 미리 찍어보기

 

=> function hey()라는 규칙으로 hey라는 함수를 만들었고, alert(’안녕하세요’)이라는 작업을 원할 때마다 반복적으로 수행

 

리스트: 순서를 지켜서 가지고 있는 형태

딕셔너리: 키(key)-밸류(value) 값의 묶음

 

순서를 표시할 수 있고, 정보를 묶을 수 있습니다.

 

let customer_1_name = '김스파';

let customer_1_phone = '010-1234-1234';

let customer_2_name = '박르탄';

let customer_2_phone = '010-4321-4321';

...(알아보기 힘듭니다.)

 

👉딕셔너리를 활용한다면 다음과 같이 고객 별로 정보를 묶을 수 있습니다.

let customer_1 = {'name': '김스파', 'phone': '010-1234-1234'};

let customer_2 = {'name': '박르탄', 'phone': '010-4321-4321'};

 

👉그리고 순서를 나타내기 위해 리스트를 사용하면, 이렇게나 깔끔해집니다.

let customer = [

    {'name': '김스파', 'phone': '010-1234-1234'},

    {'name': '박르탄', 'phone': '010-4321-4321'}

]

 

보기에도 깔끔해지고, 다루기도 쉬워지고, 고객이 새로 한 명 더 오더라도 .push 함수를 이용해 간단하게 대응할 수 있습니다.

'코딩 > 웹개발' 카테고리의 다른 글

웹개발 DB  (0) 2023.03.21
웹개발 파이썬  (0) 2023.03.21
웹개발 Fetch  (2) 2023.03.21
웹개발 Javascript, JQuery 연습  (0) 2023.03.21
웹개발 HTML, CSS  (0) 2023.03.21

관련글 더보기