javascript 로딩 후 바로 실행 코드 (jQuery 활용)

자바스크립트에서 로딩 후 바로 실행코드에 대해서! 

자바스크립트에서도 로딩 후 바로 실행코드는 여러가지가 존재하지만!

내가 배운 ready 부분에 대해 어떻게 실행 시키는지 궁금해서 찾아보았고 기록용

 

기본적으로 ready 코드를 사용하려면 꼭 jQuery import 해줘야지 가능한 부분이니 상단부분에 들어가있는지 확인!

 

jQuery ready 를 활용한 로딩 후 바로 실행코드 

<script>
    $(document).ready(function () {
        listing();
    });

 

*기본 고정코드 (빨간색) / 변경 가능한 값(파란색) 

$(document).ready(function () {             listing();         });         function listing() {             console.log('화면 로딩 후 잘 실행되었습니다');         }

check point 

1.스크립트 안에서 제일 상단부분에 추가하기 

2.파란색으로 표시된 부분은 개발자가 보기 쉽게 설정하면 되는 부분!

3.console.log 활용 후 새로고침 > 콘솔창에 메세지가 잘 나오는지 확인 후 삭제해도 됨

 

listing 다른 값으로 변경 후 확인해보니 정상적으로 콘솔로그 확인