Call back함수와 Promise에 대한 비교

앞시간에 비동기 처리때문에 call back 함수를 띄우듯이 Promise도 똑같이 console을 띄우는 예제가 없어서 직접사용했는데 이렇게 쓰는게 맞을까 싶어서요

Promise를 새로 생성해서 했으니 call back이랑은 다른 접근이 되는게 맞나싶어서 여쭤봅니다.

아래는 순서대로 제가 작성한 call back 사용한 예제와
Promise를 사용한 예제입니다.

<body>
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
        crossorigin="anonymous"></script>
        <!-- 제이쿼리 CDN -->
    <script>
        (function fetchData(){
            var result = [];
        function getconsole(){
            console.log('데이터 호출결과 뒤에 나올 함수');
        }

        $.ajax({
            url:'https://api.hnpwa.com/v0/news/1.json',
            success(data){
                console.log('데이터 호출결과:',data);
                result = data;
                getconsole();
            }
        });
				})();
    </script>
</body>

<body>
    <script src="https://code.jquery.com/jquery-3.6.0.js" 
    integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <!-- 제이쿼리 CDN -->
    <script>
        function callAjax(){
            return new Promise((resolve,reject)=>{
                $.ajax({
                    url: 'https://api.hnpwa.com/v0/news/1.json',
                    success(data){ 
                        resolve(data);
                    }
                });
            });
        }
        function getconsole(){ 
            return new Promise((resolve,reject)=>{
                resolve(console.log('데이터 호출결과 뒤에 나올 함수'));   
            });
        }
        (function fetchData(){
            var result = [];
            callAjax()
                .then((data)=>{
                    console.log('데이터 호출결과:',data);
                    result = data;
                })
                .then(getconsole)
                .catch(error=>console.log);
        })();
    </script>
</body>

인프런 커뮤니티 질문&답변