목록- (24)
Designer · Publisher
변수에 var을 사용하면 지역변수로 인식된다.지역 변수 : 한 그룹 안에서만 사용할 때 전역 변수 : 한가지 값을 여기저기 사용할 때 함수를 실행시키는 명령 test01() test02() exfunction test01(){var uname = '할로' //지역변수 - 한 그룹에서만 반응 document.write(uname, ' ')}function test02(){uname = '바이' //전역변수 - document 전체에 반응 document.write(uname, ' ') }
대입연산자 (연산된 데이터를 최종으로 다시 변수에 저장)a = 10 a = a + 10 a += 10 document.write(a, ' ') var num01 = 10 var num02 = 2 num01 += num02 document.write(num01, ' ') //값 12num01 -= num02 document.write(num01, ' ') //값 10num01 *= num02 document.write(num01, ' ') //값 20 num01 /= num02 document.write(num01, ' ') //값 10 num01 %= num02 document.write(num01, ' ') //값 1 문자결합연산자 문자형 데이터 + 문자형 데이터 = 하나의 결합된 문자형 데이터 문자형..
변수(데이터를 저장하는 공간)- 한개의 값만 가질 수 있다.- var는 사용해도 되고 안해도 값은 똑같은데 쓰는걸 권장- 변수는 "", '' 안에 사용하지 않음- 변수는 계산이 가능하다.(숫자데이터)- 변수 입력법1. 한글은 절대 쓰지 않는다.2. 띄어쓰지 않는다.3. 대소문자 구분한다.4. 첫글자는 숫자를 사용하지 않는다.5. 특수기호는 _ $6. 예약어를 사용하지 않는다.(document, window..등) a라는 변수(공간)을 만들어라 (값은 없음) → var a;a라는 변수(공간)에 10을 넣어라 또는 치환하여라. → var a = 10 숫자, 문자, 논리값(블린), 비어진값 데이터 01. 문자 데이터(string)는 무조건 '' or "" 사용 var txt01 = 'JQuery'var txt..
HTML5 / CSS3 태그 DOM DOM(Document Object Model : 문서 객체 모델) menu1 menu2 menu3 menu4 menu5 gnb2 menu1 menu2 menu3 menu4 menu5 .text() .html() 텍스트 변경 명령어 .text() : 태그 인식X .html() : 태그 인식O $('선택자').명령어(실행) 첫번째 a태그의 텍스트를 HOME 으로 변경 $('.gnb li a:first').text('HOME') 두번째 a태그의 텍스트를 KHJ으로 변경하되, strong 태그로 추가되도록 설정 $('.gnb li a:eq(1)').html('KHJ') html태그 삽입 명령어 (.prepend() .append() .before() .after()) .pr..
기본적인 것들//한줄 주석 /*여러줄 주석*/ ] 화면에 텍스트 표시하기01. 자바스크립트- 선택자.명령어(실행문)- ex : 화면.표시하여라(tset) document.write('test')- 자바스크립트는 어디에 쓰느냐에 따라 실행(출력)위치가 달라진다. 02. 제이쿼리- 제이쿼리는 문서가 준비되면 실행 (body안에 있는 모든 내용을 불러오고 나서)- $(선택자).명령어(실행문)- '문서가 실행되면 시작하여라' 선언 후 실행 $(document).ready(function(){ document.write('test') }) - ex : $(document).ready(function(){ //.box의 배경색을 gold로 변경하여라 // 스타일을 변경하는 제이쿼리는 무조건 .css('변경할 속성'..
선택자 list01 list02 text sub01 sub02 sub03 sub04 sub05 div text div text text text div text text text div text text text list03 list04 list05 링크 속성 선택자 다음 네이버 구글 네이트 링크5 링크6 구조선택자 menu1 menu2 menu3 menu4 menu5 css3 선택자, 하위 브라우저에서 인식X, (익스8 이하, 일부 익스10에서는 적용 X):first-child {} : 1번째 태그 :last-child {} : 마지막 태그 :nth-child(x) {} : x번째 태그 :nth-child(xn) {} : x의 배수 :nth-child(2n) {} : 짝수 (even) :nth-chil..
모바일에서 대부분 백그라운드로 이미지를 처리하는데, 백그라운드만 넣으면 높이값이 지정이 안되면 보이지 않는다. 이럴때 이미지의 가로*세로 비율을 계산해서 패딩으로 주는 방법이 있다. (세로값/가로값)*100 = 패딩값 으로 계산해서 주면 된다. 예를들어 1000*500사이즈의 이미지가 있다면, 123 그러면 따로 높이값을 주지 않아도 이미지 비율에 맞추어 배경이 알맞게 들어간다. 이미지 비율이 깔끔하게 떨어지지 않을 경우에는 숫자를 줄여서 패딩값을 줘야 한다. 여백이 생길 수 있기 때문. 55.5555% -> 55.5% 67.678% -> 67.5% 등과 같이.. 출처: http://noey424.tistory.com/34 [style.css :)]모바일에서 대부분 백그라운드로 이미지를 처리하는데, 백그..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.