웹개발 공부 7일차

3-2 복습부터 3-5 파이썬 기본함수까지

🌕 복습...

배열 데이터를 보기좋게 console 에 찍어주기 위해 아래와 같은 방식으로 코딩...

$(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)
        }
    })

 

반복해서 문자열을 나오게 하는 js 내장 코드

let a = '반복할내용'.repeat(가져올 수치가 있는 값)

 

완성본 (스크립트만)

<script>

    $(document).ready(function () {
        listing();
    });
    $('#cards-box').empty()
    function listing() {
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/web/api/movie",
            data: {},
            success: function (response) {
                let rows = response['movies']
                for (let i = 0; i < rows.length; i++) {
                    let ttt = rows[i]['title']
                    let ccc = rows[i]['comment']
                    let ddd = rows[i]['desc']
                    let iii = rows[i]['image']
                    let sss = rows[i]['star']

                    let sImage = '💛'.repeat(sss)

                    let temp_html = `<div class="col">
                                        <div class="card">
                                            <img src="${iii}"
                                                 class="card-img-top" alt="...">
                                            <div class="card-body">
                                                <h5 class="card-title">${ttt}</h5>
                                                <p class="card-text">${ddd}</p>
                                                <P>${sImage}</P>
                                                <P class="myComment">${ccc}</P>
                                            </div>
                                        </div>
                                    </div>`
                    $('#cards-box').append(temp_html)
                }
            }
        })
    }

</script>

 

대충 이런 그림

 

 

 

🌕 그리고 드디어 파이썬 시작!

함수 기본형태

def sum(a,b) :
    print('add!!!!')
    return a+b

result = sum(10,20)

print(result)

 

조건문 기본형태

def isAdult(age):
    if age > 20:
        print('is adult')
    else:
        print('is child')

isAdult(25)

왜 그러는지 아직은 모르겠지만, 맨 아래 결과값에서 if문과 같은 여백을 놓으면 결과값이 안나온다. 

꼭 if문 바깥여백에 놓아야 함..

 

반복문 기본형태

fruits = ['사과','배','배','감','수박','귤','딸기','사과','배','수박']

count = 0
for aaa in fruits :
    if aaa == '배' :
        count +=1

print(count)

어라? 여기서도 맨 아래 결과값 여백을 맞춰줘야하네

 

딕셔너리 기본 형태

people = [  {'name': 'bob', 'age': 20},
            {'name': 'carry', 'age': 38},
            {'name': 'john', 'age': 7},
            {'name': 'smith', 'age': 17},
            {'name': 'ben', 'age': 27}
        ]
for person in people : # 변수명 지을 때 보통 for 단수 in 복수   로 지음
    if person['age'] > 20 :
        print(person['name'])

 

 

다음강의는 또 뭐 설치하고 해야해서 내일.....

티스토리 코드 플러그인 깔았는데 왜이렇게 됐다 안됐다 하는지 모르겠다...