Bootstrap 5) Starter

[ Bootstrap 5) 시작 템플릿 ]

                    
                        <!doctype html>

                        <html lang="ko">
                            <head>
                                <meta charset="utf-8">
                                <meta name="viewport" content="width=device-width">
                        
                                <title>Bootstrap 5) Starter</title>
                        
                                <!-- Bootstrap 5) 기본 Css 및 아이콘 CDN 링크 -->
                                <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
                                <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
                            </head>
                        
                            <body>
                                <h1>부트스트랩 5) 시작 템플릿</h1>
                                ..

                                <!--
                                    부트스트랩 v5.3.3 스크립트 & 메이슨리 레이아웃 CDN 링크
                                -->
                                <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
                                <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
    
                                <!-- 인라인 JavaScript -->
                                <script>
                                    // 스트립트 한줄 주석
    
                                    /* 
                                        * 참고) 이것은 스크립트 여러줄 주석입니다:
                                        - 한 줄에서든 여러줄에 걸쳐서든 사용할 수 있습니다
                                    */
                                </script>
                            </body>
                        </html>

☞ 위 인라인 스크립트 코드는 </body> 바로 위에 넣어주십시오 ← 브라우저는 위에서부터 아래로 순차적으로 html 코드를 실행하므로.. (html 요소에 대해 뭔가를 해야하는)스크립트가 위에 배치되어 있으면; (스크립트가 조작해야 하는 대상 요소가 아직 나타나지 않은 상태에서.. 일을 해야만 하는)좀 난감한 상황에 처할 수도 있습니다 ㅡㅡ;