개발이좋아

"본 포스팅은 필자가 공부한 것을 정리해 놓은 것으로 오류가 존재할 수 있습니다." 참고 : 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..