[CSS] 3일차 CSS정리 (CSS Box Model, Text 스타일링, Image, Input, Transform, animation CSS)
예전에 object-fit 이 뭔지도 잘 모르고 이미지를 정사각형에 맞게 자르기 위해 사용했었는데,여기서 무엇인지 자세히 알게 되었다. 이제는 이해하고 사용할 수 있을듯.Margin, Padding, Border (CSS Box Model)CSS에서 “Box Model”디자인과 레이아웃에 대해 이야기 할 때 사용됨기본적으로 모든 HTML 요소를 감싸는 상자.여백, 테두리, 패딩 및 실제 콘텐츠로 구성됨⇒ 내용 - 패딩 - border - 마진margin: padding: border: border: 1px solid blue;Text 스타일링font-family : 글꼴 변경.font-family: Roboto, Verdana, Arial;// roboto 사용을 못하는 경우, verdana로 돌아감//..
2024. 11. 17.
[JavaScript] 자바스크립트 (타입, 타입 변환), (연산 및 Math Object)
Data Type in Javascript자바스크립트 타입: 크게 두 가지의 타입으로 나뉘어져있다.원시 타입 : Boolean(T,F), String, Number, null, undefined, Symbol (불변성을 가지고 있다)Call Stack 이라는 곳에 저장이 됨. : 고정된 크기로 Call Stack 메모리에 저장, 실제 데이터가 변수에 할당참조 타입 : Object, ArrayHeap 이라는 곳에 저장이 됨객체든, 배열이든 이 주소가 Call Stack에 저장이 된다.→ 주소만 가져온다.: 데이터 크기가 정해지지 않고 Call Stack 메모리에 저장, 데이터의 값이 heap에 저장되며 변수에 heap 메모리의 주소값이 할당⇒ enemies 라는 변수를 만들고 여기에..
2024. 11. 16.
[JavaScript] 자바스크립트 기본 다지기(Consol 객체), (var,let,const)
Consol 객체: 브라우저의 디버깅 콘솔(Firefox 웹 콘솔)에 접근할 수 있는 메서드를 제공.동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여럿 있다.Consol 객체는 아무 전역 객체에서나 접근 가능.console.log('안녕하세요');console.log(123);console.log(true);var greeting = '안녕하세요.';console.log(greeting);console.log({a:"a", b:"b"});//테이블로 나온다console.table({a:"a", b:"b"})//에러를 보여주어야 한다console.error('Error!');//경고를 할때console.warn('Warning!');//1,2,3,4,5를 출력하는데 얼마의 시간이 걸리..
2024. 11. 16.
