Object(객체) / Array(배열)
Object (객체) 객체(object) = 변수(property) + 함수(method); 🙾 새 객체 생성 할 때 🙾 객체를 생성과 동시에 값을 할당 할 때 Array (배열) - 비슷한 구조들은 묶어서 저장하기 - index 0부터 시작 🙾 새 배열 생성 🙾 배열을 만들고 값을 할당 ▏join - 배열의 문자열을 한 문장으로 묶어 주는 것 ▏reverse - 원소들을 반대로 정렬 - 원본도 수정됨 ▏sort - 내림차순, 오름차순, 알파벳순, 가나다순 - 원본도 수정됨 ➡ console에서 확인하면 순서대로 나열되어 있음 ➡ 내림차순은 숫자만 가능 (문자 불가능) ▏push - 기존의 배열 마지막에 값 추가 ▏pop - 기존의 배열 마지막에 값 제거 ▏unshift - 배열의 첫번째 값을 추가 ▏s..
Javascript? 🙾 동적 움직임 담당 - 프로그래밍 언어 - 스타일 선택, 변경, 생성, 수정, 삭제 (= DOM 조작) - 백엔드(서버)에서도 작업 가능 - 변수, 함수, 반복문, 조건문 기타 등등 🙾 세미콜론(;)이 있으면 문장 - 하나 이상의 표현식이 모인 것 - 문장 끝에는 세미콜론(;)을 적어서 문장의 끝을 알림 ex) 546; , 20 + 34 *2; , var test=“Test”+”One”; , alert(“Hello JavaScript !!”); 🙾 식별자 - 변수명과 함수명과 같은 이름을 붙일 때 사용하는 단어 - 한글, 한자, 일본어 같은 모든 언어 사용 가능 - 규칙 ① 키워드와 공백 문자를 사용할 수 없음 ② 숫자로 시작할 수 없음 ③ 특수문자는 _과 $만 허용 🙾 하이픈이 ..
" Transform " ❑ 양수로 움직이면 오른쪽 & 음수로 움직이면 왼쪽 ⇨ ex) transform:translateX(100px); ⇨ ex) transform:translateY(-100px); ❑ 가상 움직임 ❑ margin과의 차이점 ⇨ margin: 공간 추가, 제거, 실체 움직임 ⇨ margin은 공간을 제거하거나 추가하기 때문에 다 따라 움직임 ❑ Z축은 반드시 원근감이 있어야 함 ⇨ perspective가 설정 되어 있어야 함 ❑ center에 놓는 방법 ⇨ transform:translate(-50%,-50%)} # scale ➡ # rotate ❑ 회전 ⇨ img 자체에서 perspective를 걸 수 있음 ❑ 원근감을 같이 쓸 때는 앞에다가 셋팅 해야함 ⇨ perspective ..
《 shadow 》 ❑ 둥근 테두리를 줄 때 border로 접근하면 안 됨! shadow로 접근! # text shadow ➡ shadow를 두 번 겹쳐 주고 싶을 때: 콤마(,)로 연결해서 주기 # box ❑ border의 안쪽도 바깥쪽도 둥글게 표현하고 싶을 때 .box { width: 200px; border: 1px solid #ccc; /* box-shadow: x y blur (size) ; */ box-shadow: 0 0px 0px 10px rgba(255,0,0,0.5); border-radius: 10px; /* border: 10px solid rgba(255,0,0,0.5); */ box-shadow: inset 0 0 10px rgba(0,0,0,.35); } ➡ border-ra..