JavaScript 썸네일형 리스트형 자바스크립트 코딩 기법과 핵심 패턴 : 3장 리터럴과 생성자 요즘 개인적으로 자바스크립트를 공부하고 있다. 하지만 내 경우 어정쩡하게 알고 있는 자바스크립트라 기초책은 보나마나인데, 이 책은 정말 실무에서도 바로 쓸 수 있는 패턴을 뽑아서 먹여주는 책 같다. 이 책과 더불어 자바스크립트 성능 최적화도 보면 정말 좋겠다. 아무튼 이 책을 요약하면서 정리하고자 한다. 이 책은 정말 강력 추천하며 자바스크립트를 제대로 학습하기 위한 필수 소장서이다. 책구입 : http://tinyurl.com/7ejd4rs 출판사 책소개 : http://blog.insightbook.co.kr/245 자바스크립트 코딩기법과 핵심패턴 제 3장 리터럴과 생성자 정리 이 장에서 중요한 것은 생성자 사용을 자제하고 리터럴 표기법을 사용하라는 것임! 리터럴 표기법이 생성자 함수 사용보다 더 간.. 더보기 자바스크립트 코딩 기법과 핵심 패턴 : 2장 기초 요즘 개인적으로 자바스크립트를 공부하고 있다. 하지만 내 경우 어정쩡하게 알고 있는 자바스크립트라 기초책은 보나마나인데, 이 책은 정말 실무에서도 바로 쓸 수 있는 패턴을 뽑아서 먹여주는 책 같다. 이 책과 더불어 자바스크립트 성능 최적화도 보면 정말 좋겠다. 아무튼 이 책을 요약하면서 정리하고자 한다. 이 책은 정말 강력 추천하며 자바스크립트를 제대로 학습하기 위한 필수 소장서이다. 책구입 : http://tinyurl.com/7ejd4rs 출판사 책소개 : http://blog.insightbook.co.kr/245 자바스크립트 코딩기법과 핵심패턴 제 2장 기초 정리 유지보수 가능한 코드 작성 유지보수가 가능한 코드란 다음과 같은 특징을 가짐 읽기 쉽다. 일관적이다. 예측 가능하다. 한 사람이 작성한.. 더보기 자바스크립트 코딩 기법과 핵심패턴 : 1장 개요 요즘 개인적으로 자바스크립트를 공부하고 있다. 하지만 내 경우 어정쩡하게 알고 있는 자바스크립트라 기초책은 보나마나인데, 이 책은 정말 실무에서도 바로 쓸 수 있는 패턴을 뽑아서 먹여주는 책 같다. 이 책과 더불어 자바스크립트 성능 최적화도 보면 정말 좋겠다. 아무튼 이 책을 요약하면서 정리하고자 한다. 이 책은 정말 강력 추천하며 자바스크립트를 제대로 학습하기 위한 필수 소장서이다. 책구입 : http://tinyurl.com/7ejd4rs 출판사 책소개 : http://blog.insightbook.co.kr/245 자바스크립트 코딩기법과 핵심패턴 제 1장 개요 정리 자바스크립트의 함수는 일급객체(first-class object) 이다. 변수나 데이터 구조 안에 담을 수 있다. 인자로 전달할 수 있.. 더보기 스크롤바 없애기 1. 프레임내의 스크롤바 없애기 2. 아이프레임에서 스크롤바 없애기 3. 특정 웹페이지의 스크롤바 없애기 4. 가로 스크롤바 없애기 더보기 Browser check var browser = navigator.userAgent; 해당 브라우저 종류 및 버전을 알 수 있다. 익스플로러 - MSIE 파이어폭스 - Firefox 크롬 - Mozilla if(browser.indexOf("MSIE")!=-1){ ...... } 이렇게 체크하면 됨..!! 더보기 jquery method 1. detach()메서드, remove()메서드 - DOM에서 요소를 제거하는 메서드 - .remove()메서드 : DOM에서 요소를 완전히 제거. - .detach()메서드 : DOM에서 제거하긴 하지만 제거한 요소를 기억하고 있기 때문에 나중에 다시 삽입할 수 있다. -.empty()메서드 : 요소의 내용을 지움. 2. DOM 이동 메서드 - .parent() : 해당 요소 위에 있는 요소를 선택. - .parents() : 조상 요소를 모두 선택. - .closest() 메서드 : 선택한 요소에서 가장 가까운 부모 요소를 선택. 매개변수에 맞는 요소를 발견하면 거기서 멈춤. - .children() : 해당 요소 아래에 있는 요소를 선택. - .prev() : 해당 요소 왼쪽에 있는 형제 요소를 .. 더보기 JavaScript 배열 객체, Array Array object 는 하나의 변수에 여러개의 값을 저장할 수 있다. Try it Yourself - Examples 배열을 생성하고, 값을 할당해 보자. Example var mycars = new Array(); mycars[0] = "Saab"; mycars[1] = "Volvo"; mycars[2] = "BMW"; Try it yourself » 아래 쪽에 연결되는 예제들이 더 있다. 배열은 무엇인가? What is an Array? array는 특수한 변수이다. 하나의 값 이상을 담아놓을 수 있다. 만약 아이템의 목록(자동차 목록)을 가지고 있다면, 자동차 명을 담을 변수를 각각 생성할 수 있다. var car1="Saab"; var car2="Volvo"; var car3="BMW"; 만약.. 더보기 Ajax 비동기 통신의 구조 Ajax 비동기 통신의 구조웹브라우저웹서버웹어플리케이션 서버(WAS)①XMLHttpRequest를 사용한 요청 송신②웹서버가 요청수신③비즈니스 로직처리 ④DB처리⑤데이터송신⑥로직처리결과⑦요청에 대한 응답 송신⑧요청에 따른 결과표시 (화면의 일부분갱신)특징1: 웹브라우저는 서버로 요청을 보내면 응답을 기다리지 않는다.2: 서버는 필요한 데이터만 응답한다 [출처] [영진컴퓨터정보계열웹데이터베이스전공],Ajax 비동기 통신의 구조|작성자 ㄴㄴㄴㄴㄴ 더보기 Json 형식 validation 이번 프로젝트를 진행하면서 json data로 자주 이용하게 됐는데, 이 형식이 제대로 된 녀석인지 파악하고 싶었다. 그러던 중 발견한 이 사이트(http://jsonlint.com) 참 유용하더라구요. 더보기 Javasript defer 옵션 ..... * defer : 브라우저에게 해당 스크립트는 문서 컨텐츠를 생성하지 않는것을 명시함. - 이에 따라 문서의 나머지 부분을 우선적으로 처리해 화면에 출력하고, 스크립트를 처리함. -> 페이지 로드 속도 증가 - 해당 스크립트에 대해 검증이나 인식은 화면 출력 후에 진행한다.[출처] javascript defer 옵션|작성자 임성수 더보기 이전 1 2 3 다음
