본문 바로가기

개발일지/JavaScript + jquery

 (57)
자바스크립트/제이쿼리 비교 (2) - 각 지역의 동네를 조회(select) 자바스크립트와 제이쿼리의 차이 자바스크립트로 작성한 코드를 제이쿼리 언어로도 표현할 수 있다. 더 짧게 줄일 수 있기에 편하게 사용 가능! (기초적인 html 기능들은 따로 설명하지 않음) 연습 이름 : 지역 : 서울 practice365.xyz 저번 글에 이어서 ... 이번엔 동네까지 추가를 해본다. 서울이 디폴트 상태이니까 서울의 동네를 표시하고 내가 다른 지역을 선택하면 서울의 동네가 지워지고 내가 선택한 지역의 동네를 보여주는 코드! 자바스크립트 버전 이름 : 지역 : 서울 인천 동네 : 강남 서초 부평 학익 제출 동네 : 강남 서초 부평 학익 아래에서 함수를 만들기 위해 각 select id를 설정할 때 "region_"까지는 맞추고 뒤에 오는 숫자에 지역번호를 넣는다. style = "disp..
자바스크립트와 제이쿼리의 차이 제이쿼리는 자바스크립트로 만든 라이브러리로 자바스크립트를 좀 더 간결하게 사용할 수 있다! 자바스크립트의 표준이 워낙 예전에 정해졌기 때문에 브라우저 별로 중구난방이었는데 제이쿼리가 동일한 코드로 대부분의 브라우저와 버전을 지원하기 때문에 편하다. 하지만 제이쿼리만 배우는 게 부정적인 이유는 제이쿼리 외에 다른 라이브러리를 사용할 수 없고, 자바스크립트의 작동방식을 이해하는 게 어렵기 때문에 둘을 같이 배우는 게 좋다고 합니다. 모바일 버전에서는 제이쿼리가 단점이 되는 경우도 있어서 요즘엔 사용하지 않는 경우도 많다고 하니 참고 하는 게 좋을 듯해요~ 이름 : 지역 : 서울 인천 제출 이름과 지역을 선택하고 제출을 눌렀을 때 경고창(alert)에 이름과 지역번호가 뜨게 만드는 코드이다. alert(doc..
연관 배열 예제 필드1 필드2 필드3 document.myForm["a" + i].value = i; 연관배열은 반드시 따옴표 안에 들어가야한다.
JavaScript에서 놓치기 쉬운 배열의 특징들 지금까지 당신이 알고 있던 배열은 가라···! 만약 당신이 이전에 다른 언어를 배웠다면 자바스크립트의 배열이 더 어려울 것이다. 난 아직도 어렵다. 아직도 얼떨떨하고 머리만 긁고 있다~ 자바에서는 한 번 결정한 배열의 타입이 절.대.로 바뀔 수 없지만 자바스크립트에서는 배열의 타입이 고정되어 있지 않아서 정수형, 실수형, 문자형, 불리언 타입 등 한 가지 배열이라는 변수 안에 모두 섞어서 사용할 수 있다. 인덱스도 연속적이지 않아도 되고 중간에 비워져 있어도 된다. 심지어는 한 번 결정한 배열의 숫자에서 맘대로 추가하고 삭제할 수도 있다. 어떻게 이런 일이~ 그럴 수 있는 이유는 자바스크립트에서의 배열은 Array 라는 객체로 다뤄지기 때문이다! 아래의 많은 예시들을 참고해서 배열에 대해 알아보자. 배열..
[JavaScript] 숫자 맞추기 게임 숫자 맞추기 게임 이 게임은 컴퓨터가 생성한 숫자를 맞추는 게임입니다. 숫자는 1부터 100사이에 있습니다. 숫자 : 확인 추측횟수 : 힌트 :
JavaScript에서 value의 기능? 이름 : 지역 : 서울 인천 제출 html 부분은 이렇게 만들어두고 value의 기능을 알아보도록 한다. button 태그를 onClick 했을 때 실행되는 ok()메소드이다. alert(경고)창이 뜨면서 내가 보고 싶은 정보를 띄우게 되는데 document.getElementById("name").value -문서 중 id가 name인 정보를 가지고 온다. -여기서 value가 없다면 실행이 되지 않는데 그 이유는 사용자가 입력한 값이 들어오는 곳이기 때문! -html 부분에서 value="" 이렇게 초기화를 해놓지 않아도 메소드에서 바로 사용가능 -결과적으로 name창에서 사용자가 입력한 이름이 경고창에 뜨게 되는 것이다~
자바스크립트 정리 및 예제들 언어 기능 html 웹 내용 작성 css 웹 디자인 javascript 웹 동작 구현 객체기반의 스크립트 언어 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어 (int char double 등 타입 명시가 필요 없음) 컴파일 언어 - 인터프리터 언어 자바 컴파일 언어 / 자바스크립트, 파이썬 인터프리터 별도의 컴파일 언어로 해석하지 않고, 한줄씩 내려오면서 기계어로 읽음 컴파일 돼서 실행 되는 게 더 빠르다. 컴파일로 거치지 않고 한줄씩 기계어로 읽기 때문에 속도가 느리다. 객체지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있음 (함수형: 메소드) html 내용 변경가능(화면에 뿌려주고 나서 변경을 하는 것) html 속성 변경가능 html 스타 변경가능 자바스크립트 문법 실행문은 세미콜론..
[jquery] animate 기능 움직이다가 멈추기 alert (복습) box $(function(){ var div1 = $('#div1'); var img = $(""); div1.animate({top: 200, left: 400 }, 1000); div1.animate({top: 0, left: 400 }, 1000, function(){alert("쉬어가세요");}); div1.animate({top: 200, left: 0 }, 1000); div1.animate({top: 0, left: 0 }, 1000); img.appendTo(div1); }); 변수를 만들어줘서 간단하게 불러서 쓸수도 있다. $(function(){ var img = $(""); $('#div1').animate({top: 200, left: 400 }, 1000, function(){ ..

티스토리툴바