IT/javascript
-
[javascript] 자바스크립트 반복문IT/javascript 2019. 5. 14. 15:29
프로그래밍의 꽃은 반복문이다. 단순 반복 작업들을 빠르게 실행시키는데 아주 최적화 되어있다. 오늘은 자바스크립트에서의 반복문 종류를 정리해 볼 것이다. 1부터 10까지 출력하는 코드를 작성할 때 우리는 이렇게 10번의 alert문을 사용하여 출력할 수 있는데 이를 반복문을 사용하여 3줄의 코드로 줄일 수가 있다. 1. for문 for문은 명령문을 몇번 반복할지 정할 수 있다. 형식은 다음과 같다. for(변수 초기화; 변수 조건식; 변수 증감식) {명령문;} 반복문의 변수는 보통 i,j로 한다. 변수 값을 초기화한 뒤 조건문에 맞으면 명령문을 실행하고 변수에 증감식을 실행한다. 자바와 아주 똑같은 문법이다. 이를 1부터 10까지 출력하는 코드로 만들면 다음과 같이 쓸 수 있따 123456 for(var ..
-
[javascript] 자바스크립트 조건문IT/javascript 2019. 5. 10. 14:12
프로그래밍 언어에는 특정 조건에 따라 프로그램이 실행될 수 있도록 해주는 조건문이 존재한다. 자바스크립트에도 조건문이 존재하는데 사용방법은 자바와 유사하다.오늘은 자바스크립트 조건문에 대하여 정리를 해볼 것이다. 1. if 조건문 자바스크립트에서 가장 일반적인 조건문은 if 조건문이며 형태는 다음과 같다. if ( 조건식 ){명령문} 여기서 조건식이 true이면 if문 안의 명령문을 실행하고 false이면 if문 안의 명령문을 무시한다.조건이 여러개인 상황이 있을 수 있으므로 그러한 경우에는 else if와 else를 사용하면 된다. if( 조건식 ){명령문}else if( 조건식 ){명령문}else{명령문} 각각 if와 else if의 조건을 따져보고 해당하는 것이 없다면 else에 있는 명령문을 실행..
-
[javascript] 자바스크립트 타입과 변수IT/javascript 2019. 4. 26. 15:15
오늘은 자바스크립트의 변수를 선언하는 방법과 종류, 변수 타입들의 종류에 대해 정리할 것이다. 먼저 자바스크립트에서 변수 선언방법에 대해 정리하겠다. 변수에 어떤 값을 초기화 하냐에 따라 그 변수의 타입이 자동으로 설정된다. 변수선언은 var 변수명 = " "; let 변수명 = " "; const 변수명 = " "; 이렇게 3종류가 있다.가장 흔히 쓰는 방법은 var 변수명 = " ";으로 js를 조금이라도 해본다면 알 수있다. 여기서 나머지 var와 let, const의 차별점은 var : 변수 선언 키워드. 값 재할당 가능 let : 변수 선언 키워드. 값 재할당 가능. 괄호안에서만 적용되는 변수(for문 등등) const : 상수값 지정. (값 재할당 불가능) 이 있다. 이러한 변수에 저장될 수 ..
-
[javascript•jQuery] 페이지 자동 새로고침 & 특정 div 영역 새로고침IT/javascript 2019. 4. 10. 10:00
페이지 자동 새로고침 1. function 함수이름(){ location.reload(); } 해당 함수를 호출하면 그 페이지가 새로고침되는 코드이다.만일 일정 시간이 지나면 계속 자동 새로고침을 실행하고 싶다면 2. function 함수이름(){ setTimeout('location.reload()',10000); } 다음과 같이 setTimeout을 사용해 주면 된다. 10초마다 reload시켜주라는 코드이다. 특정 영역(div) 새로고침 3. function 함수이름(){ $("#div의 id").load(window.location.href + "#div의 id"); } 페이지 전체가 아닌 특정한 영역만을 새로고침 하고싶다면 위와 같이 jQuery의 load함수를 활용해주면 된다. 그럼 $("#d..
-
[jQuery] jquery로 라디오버튼(radio) 선택 해제하기IT/javascript 2019. 4. 1. 11:00
html의 input 태그의 타입의 종류중에 checkbox(체크박스)와 radio(라디오) 버튼이 있다. 이 글에서는 정의가 중점이 아니니 간략하게 설명하고 넘어간다! 버튼생성은 이런식으로 가능한데,속성으로 name, value, checked를 설정할 수 있다. 이 두개의 타입은 비슷하나 차이점이 존재한다. * checkbox는 중복체크가 가능하고 체크를 해제할 수 있음* radio는 중복체크가 불가능하고 체크를 해제할 수 없음 체크박스를 라디오버튼처럼 사용하는 예제는 많은데 라디오 버튼을 체크박스처럼 만드는 예제는 많이 없어서 공부하고 배운 토대로 코드를 올려본다. 123456789101112131415161718192021222324252627 var beforeChecked = -1; $(fun..
-
[javascript]자바스크립트의 기본IT/javascript 2019. 2. 17. 13:34
웹 페이지는 정적 페이지와 동적페이지로 나눌 수 있는데 자바스크립트가 동적 페이지에 속한다.동적 페이지는 페이지가 실행된 뒤에도 변경이 가능하고 페이지에 움직임을 표현할 수 있다. 정리하자면 화면의 변화나 이벤트 처리를 자바스크립트로 구현한다. 작성 방법에는 두가지가 있다. 1. 직접 html 파일에 추가 2. 자바스크립트 외부파일(js)을 만들어 html에 추가 자바스크립트는 자바와 문법이 비슷하다. 변수도 선언할 수 있는데 변수선언할 때 타입은 var를 이용하여 선언한다.var a = 10;var b = 20; 이러한 변수나 값들은 document를 이용해 웹 페이지에 출력한다. document는 자바스크립트의 웹 페이지를 제어할 수 있는 기본 객체이다.document.write(a); 또 자바스크립..