231224(function)

자바스크립트 function문법 사용법

초보때는 자동완성 기능을 잘 활용해라

긴 코드를 짧은 단어로 축약하는 문법을 얄려주겠다. 바로 function 문법이다.

예를 들어서 저번시간에 만든 닫기 자바스크립트 코드를…

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>alertbox</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <div class = "alert-box" id = "alertbox" >
        하이.
        <button type = "button" onclick = "">
            닫기
        </button>
    </div>
    <button onclick = "document.getElementById('alertbox').style.display = 'block' ">버튼</button>

    <script>

        **function closing() 
        {
            document.getElementById('alertbox').style.display = 'none';
        }**

    </script>

</body>
</html>

앞으로는 이제

closing()

만 입력하면… 해당 같은 함수명의 바디가 그 자리에 붙여넣기로 바뀐다.(정확하진 않음. 매크로같은건지…)

강사가 붙여넣기라고 말하는걸 보면 매크로처럼 동작하는 듯.

그리고 내가 배운 작명법을 camelCase라고 부른다고 함.

이제 function문법을 어디서 쓸 수 있을지 고민해보라고 함…

function문법은

코드 재사용에 도움
긴 코드를 축약하는데 좋음