๊ด€๋ฆฌ ๋ฉ”๋‰ด

bom's happy life

[์›น ๊ฐœ๋ฐœ 3 ์ฃผ์ฐจ] ๊ฐœ๋ฐœ์ผ์ง€ 12 - API์ฃผ์†Œ ๊ฐ€์ ธ์˜ค๊ธฐ, for ๋ฌธ ๋ณธ๋ฌธ

Deveolpment Study๐Ÿ—‚๏ธ/Javascript

[์›น ๊ฐœ๋ฐœ 3 ์ฃผ์ฐจ] ๊ฐœ๋ฐœ์ผ์ง€ 12 - API์ฃผ์†Œ ๊ฐ€์ ธ์˜ค๊ธฐ, for ๋ฌธ

bompeach 2022. 5. 31. 13:41

3์ฃผ์ฐจ ์ˆ˜์—…๋ชฉํ‘œ

1. ํŒŒ์ด์ฌ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•์„ ์•ˆ๋‹ค.

2. ์›ํ•˜๋Š” ํŽ˜์ด์ง€๋ฅผ ํฌ๋กค๋ง ํ•  ์ˆ˜ ์žˆ๋‹ค.

3. pymongo๋ฅผ ํ†ตํ•ด mongoDB๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค.

 


 

[์ฝ”๋“œ์Šค๋‹ˆํŽซ] ๋กœ๋”ฉ ํ›„ ๋ฐ”๋กœ์‹คํ–‰

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

    function listing() {
        console.log('ํ™”๋ฉด ๋กœ๋”ฉ ํ›„ ์ž˜ ์‹คํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค');
    }

 


url : API์ฃผ์†Œ ๋ฐ”๊ฟ”์ฃผ๊ณ ,

๊ฐ€์ ธ์˜ค๊ณ  ์‹ถ์€ ๋ฐ์ดํ„ฐ ์ง€์ •?,,,,,,

let rows = response['movies']   →  [  ] ์•ˆ์— ๋“ค์–ด๊ฐ€๋Š” ๊ฑฐ๋Š” API์ฃผ์†Œ์— ์žˆ๋Š” ๋Œ€์ฃผ์ œ(?)

๊ทธ๋ฆฌ๊ณ ๋‚˜์„œ console.log์— ๋“ค์–ด๊ฐ€์„œ rows ์ •๋ณด๋ฅผ ์ž˜ ๋‚˜ํƒ€๋‚ด์ฃผ๋Š”์ง€ ํ™•์ธ! (ํ™•์ธํ•˜๊ณ  ๋„˜์–ด๊ฐ€์•ผ ์—๋Ÿฌ๊ฐ€ ๋‚ฌ์„ ๋•Œ ์‰ฝ๊ฒŒ ์ˆ˜์ •)

$(document).ready(function () {
    listing();
});

function listing() {
    $.ajax({
        type: "GET",
        url: "http://spartacodingclub.shop/web/api/movie",
        data: {},
        success: function (response) {
            let rows = response['movies']
            console.log(rows)

 

 

 

๋ฐ‘์—์™€ ๊ฐ™์ด ๋œจ๋ฉด ์„ฑ๊ณต. rows ๊ฐ’ ๊ฐ€์ ธ์˜จ๊ฑฐ ์ฝ˜์†”์ฐฝ์— ๋œฌ๊ฑฐ์ž„.

 


for ๋ฌธ

 

success: function (response) {
    let rows = response['movies']
    for (let i = 0; i < rows.length; i++)
        
}