개발이좋아

"본 포스팅은 필자가 공부한 것을 정리해 놓은 것으로 오류가 존재할 수 있습니다." 참고 : Do it 자바스크립 + 제이쿼리 입문 기본 선택자 구분 종류 사용법 설명 직접 선택자 전체 선택자 $("*") 모든 요소를 선택합니다. 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요소를 선택 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택 1, 선택 2, 선택 n") 선택 1, 선택 2 선택 n에 지정된 요소들을 한 번에 선택 종속 선택자 $("요소명.클래스명") $("요소명#아이디명") 요소 중 class 값과 id 값이 일치하는 요소를 선택 인접 관계 선택자 인접..

스코프의 사전적인 의미는 '범위'이다. 프로그래밍에서 스코프는 변수나 함수의 유효 범위를 나타내며 크게 지역과 전역의 범위로 구분할 수 있다. 스코프 : 변수 또는 함수의 범위 지역 변수 : 스코프 안에서 선언된 변수 스코프 안에서만 사용이 가능 지역 함수 : 스코프 안에서 선언된 함수 스코프 안에서만 사용이 가능 위 사진에서 맨 위의 num = 100;이 전역 변수이고 outFunc( ){} 이 전역 함수이다. innerFun( )이 지역 함수이고 innerFun( ) 안에 var num = 10;은 지역 변수이다. innerFun( )은 지역 함수여서 밖에서 접근할 수 없다. function myFnc() { alert("전역 함수"); } function outerFnc() { function my..

"본 포스팅은 필자가 공부한 것을 정리해 놓은 것으로 오류가 존재할 수 있습니다." 참고 : Do it! 자바스크립트 + 제이쿼리 입문 프로그램을 작성하다 보면 코드를 잘못 작성하는 실수가 빈번하게 일어난다. 이러한 실수를 바로잡는 일을 디버깅이라고 하는데 크롬에 내장되어 있는 디버깅 툴로 간편하게 디버깅을 할 수 있다. 위의 코드는 의도적으로 잘못작성된 코드이다. 위 코드를 크롬 브라우저로 실행해보면 아무런 페이지가 나타나지 않는다. 문법적 오류가 있기 때문이다. 위의 코드는 짧고 간단하여 오류를 사람이 금방 알아차릴 수 있지만 길고 복잡한 코드라면 사람이 일일이 확인하는 것은 여의치 않은 일일것이다. 그럼 이제 크롬의 개발자 도구를 열어 어느 라인에서 잘못되었는지 확인해 보도록 하자. 크롬 브라우저에..

Ajax(Asynchronous JavaScript and XML)란 비동기 방식의 자바스크립트와 XML을 가리킨다. 동기 방식 : 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기 방식 : 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다. Ajax를 사용하는 이유는 화면 전환 없이 클라이언트와 서버 간의 통신을 통해 XML, JSON(javaScript Object Notation), 텍스트, HTML 등의 정보를 교환하기 위해서이다. 다시 말하자면 Ajax를 이용하면 화면 전환없이 서버로부터 요청한 자료를 받아올 수 있다. 위 사진 처럼 Ajax를 사용하지 않는 경우 사용자가 자료를 요청하면 반드시 서버를 거쳐야만 자료를 요청할 수 있다. 이 방식은 자..

선택문은 switch문이라 해서 변수에 저장된 값과 switch 문에 있는 각 각의 케이스를 비교해서 변수와 케이스가 일치 하는 값이 있을 때 그에 해당하는 코드를 실행하는 제어문이다. if문과 용도는 비슷하지만 if문은 만족하는 데이터가 여러 개일 경우에 주로 사용하지만 switch문은 여러 경우의 케이스 중 일치하는 데이터를 찾아서 코드를 실행시킨다는 차이가 있다. var 변수 = 초기값; switch(변수) { case 값1 : 코드1; break; case 값2 : 코드2; break; case 값3 : 코드3; break; case 값4 : 코드4; break; default: 코드5 } 변수에 저장된 값이 switch문을 만나 case의 값 중 일치하는 데이터가 있는 지 하나씩 검사하고 cas..

인터넷 사이트에서 회원가입을 할 때 아이디가 중복인지 체크해달라는 요청을 많이 봤을 것이다. 중복체크를 클릭한다면 원래 있던 화면은 가만히 있고 ID중복 체크창만 따로 나온다. 이처럼 클라이언트 측에서의 작업과는 상관 없이 비동기적으로 서버와 작업을 수행할 때 Ajax의 기능을 사용한다. Ajax 란 Asynchronous Javascript + XML의 의미로 자바스크립트를 사용한 비동기 통신으로 클라이언트와 서버 간의 XML이나 JSON 데이터를 주고받는 기술이다. Ajax는 페이지 이동 없이 데이터 처리가 가능하며, 서버의 처리를 기다리지 않고 비동기 요청이 가능하다는 특징이 있다. 일반적인 웹 페이지는 클라이언트의 요청을 웹 서버에서 받고 JSP나 ASP 등으로 처리하고 처리결과의 맞는 HTML을..

제어문은 프로그램의 흐름을 제어할 수 있게 해주는 문법으로 조건식을 만족하는지 여부에 따라 코드를 제어할 수 있는 조건문과 변수에 일치하는 경우의 값에 따라 코드를 제어할 수 있는 선택문 그리고 특정 코드를 여러번 반복 실행 시켜주는 반복문이 있다. 조건문에는 if문, esle 문, else if문 등이 있다. if 문 if문은 조건식을 만족하는 경우에만 실행하며 조건문이 만족하지 않는다면 if문을 건너띄고 다음 명령어로 넘어가게 된다. if(조건식){ 자바스크립트 코드; } 위 코드는 if문의 기본 형식이다. var num = 10; if(num > 9){ document.write("10은 9보다 큽니다."); } 위의 코드를 보면 if문의 조건식에서 num이 9보다 큰지 검사하고 조건식이 참이라면 ..

재귀함수란 함수를 정의할 때 작성한 정의부에 함수를 다시 호출하는 것을 말하며, 반복문 처럼 사용하기 위해 사용한다. function myFunc() { 자바스크립트 코드; myFun(); } myFun(); 위의 코드가 기본형이다. 정의한 함수안에 자기자신을 호출하고 밖에서 다시 호출한다. var num = 0; function testFnc() { num ++; document.write(num," "); if(num == 10) return; testFnc(); } testFnc(); 위 코드는 0부터 10까지 화면에 출력하는 코드로 num이 10이 되면 리턴되어 실행이 종료된다. "본 포스팅은 필자가 공부한 것을 정리해놓은 것으로 오류가 있을 수 있습니다."