![]()
동적(화면에서 변화, 인터렉션) 기능 제작을 위해 사용되는 프로그래밍 언어. ex) 이미지 슬라이드 효과, 팝업 효과와 같은 화면에서의 변화나 사용자간의 인터렉션 응용 범위 : IoT/하이브리드 앱(web+moblie)/서버 개발 (클라이언트와 서버 양쪽 사용 가능.) 사용하는 방법: 태그 안의 src로 js파일 이름을 입력하여 연동시켜야 함! 확인하는 방법: 개발자 도구-console (f12/우클릭 크롬 개발자 검사) 자바 스크립트의 변수 변수 선언 구조: [ var 변수명 ; ] var: 변수를 선언 하겠다. 메모리라는 공간에 영역을 할당 받는 과정=변수 선언... 넣기... 변수 초기화 구조: [ 변수명 = 데이터 ] 변수 선언과 초기화 동시에 하기: 구조: [ var 변수명 = 데이터; ] 변수..
Transform transform: sclae(n,m) width 값을 n배, height 값을 m배 확대 소숫점 : 작게 하기 transform: rotate(n deg); 입력한 각도만큼 (평면적으로)회전 양수/음수 모두 작성 가능 transform: skew (ndeg, mdeg); x축, y축을 입체적으로(3차원적으로) 각도를 비틀 때 사용 n=x축 / m=y축 transform: translate( npx, mpx); 선택한 오브텍트의 좌표를 변경 원래 위치를 기준으로 이동한다. n=x축 / m=y축 마진 패딩 ... prefix 접두사 transform이 css의 최신 언어라서 explorer하위버전에서는 사용 못하는데, 프리픽스를 사용하면 각 브라우저의 하위버전도 사용할 수 있음. (다른 ..
display ... .특정 요소의 css 괄호 안에서 block과 inline의 요소의 성격을 바꾸거나 합칠 때 사용한다! 속성값으로는 3개(inline, block, inline-block)이 있다. inline: 인라인 속성 부여 block: 블록 속성 부여 inline-block: width, height 설정 가능해짐, 네비게이션 버튼 만들 때 많이 사용된다. float ... .특정 요소의 css 괄호 안에서 선택된 요소를 왼쪽 끝/오른쪽 끝에서부터 정렬시킨다. 말 그대로 선택자를 띄워서 레이어층을 만드는 것. 특징: 1) float를 사용한 부모의 영향을 받아서 왼쪽/오른쪽 끝이 결정된다 =감싸고 있는 부모의 크기 안에서만 왔다갔다한다. =(float를 사용한)자식들보다 부모의 위드값이 더 ..
