왕초보 웹개발종합반 1주차

1주차 소감

-html css까진 그럭저럭인데 javascript가 어려웠다.
-이제는 무언가를 외워서 한다기보단 어떤 것이 필요한지 판단하고 그것을 빠르게 찾을 수 있는 능력이 중요한 것 같다.

어려웠던 부분

img
이미지를 비율대로 줄이지 않고 원하는만큼 잘라서 넣는 게 어려웠다.
이미지 사이즈를 그냥 입력하니까 왜곡이 되더라.
background-img/ background-size/ background-bottom 을 사용하면 되는 거였다.

html____________________

        <div class="img">
        </div>
  
css______________________
.img {
            width: full;
            height: 400px;
            background-image: url("https://images.unsplash.com/photo-1599591590264-22dbba64111c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=933&q=80");
            border-radius: 5px;
            background-size: cover;
            background-position: center;
            margin-bottom: 20px;


        }

display block
margin auto로 배열 고칠 때 display 를 block속성으로 바꿔야 한다.
이 부분을 헷갈려서 고생함

html___________
</div>
        <button type="button" onclick="order()" class="btn btn-primary btn-order">주문하기</button>
    </div>
css____________
.btn-order {
            margin: auto;
            width: 100px;

            display: block;
        }

JS함수
function sum(이름) 은 num1, num2로 재료를 제공
return으로 이 재료를 어떻게 조리할 것인지 지시하는듯
함수는 먼저 공식을 제시하고
그 함 안에 어떤 숫자를 넣을지를 지시하는듯- let result = sum ( , ) 으로

function sum (num1,num2){
	return num1/num2}
    ---------------------
    let result = sum(2,3)
    ---------------------
    result
    0.66666666666......

다음주에는 자바스크립트, 제이쿼리 등을 좀 더 이해하는것을 목표로 해야겠다.