For Beginners

👉 실생활에서의 AJAX 지역별 선택에 따른 날씨 RSS를 다르게 보여준다. + RSS를 이용해서 XML을 받아서, 파싱하게 되면 현재 시점에서 백엔드를 몰라도 데이터 처리가 가능하다. 👉 BootStrap이란? ◾ 빠르고 쉬운 웹 개발을 위한 무료 frontend 프레임워크. 디자인을 보다 편리하게 해주기 위해 모아둔 라이브러리 HTML 및 CSS 기반 디자인 템플릿과 선택적 JavaScript 플러그인이 포함되어 있다. 반응형 디자인을 쉽게 만들 수 있는 기능을 제공한다. 👉 BootStrap CDN 공식 사이트에 있는 URL을 받아서 연결하면 되고, 라이브러리 다운로드를 받아서 사용하기도 한다. 👉 Container 반응형 고정 너비 컨테이너를 제공하여, container-fluid 클래스는 꽉찬 ..

👉 AJAX를 사용하는 이유? 화면 전환, 화면 갱신이 없는 것은 JavaScript의 특성. JavaScript를 사용하는 이유(접은글) 더보기 👉 JavaScript HTML 문서 내에서 동적 페이지를 구성하는 용도로 사용. 1. 페이지 조작 2. 유효성 검사 여기 영역이 innerHTML 결론적으로는 화면 전환을 위해서 AJAX를 사용하는 것이 아니다. 사용자가 입력한 데이터가 프로그램에 적합한 데이터인지 검사하고, 서버에 넘기기 전에 사전 검사를 진행. 서버에서도 유효성 검사를 진행하지만, 서버의 부하를 줄이기 위한 유효성 검사도 필요하다. 페이지 조작에 필요한 데이터가 문서 안에 있으면 JavaScript 페이지 조작에 필요한 데이터가 문서 밖에 있으면 AJAX GET/POST의 차이점에 대해서..

👉 AJAX란? 비동기 방식의 자바 스크립트, xml를 의미한다. 👉 비동기란? 회원 가입을 한다고 가졍했을 때, 회원 가입 버튼을 누르면 약간의 시간이 흐르고 회원 가입 완료 페이지가 나온다. 즉, 응답 페이지가 나온다. 네이버가 가지고 있는 서버가 존재한다. 아이디 중복 체크가 없는 폼인 경우, 서버에 동일한 아이디는 존재할 수 없다. 그 경우, 응답 페이지가 다르게 될 수 있다. 결과적으로, 사용자의 입력에 따라 응답 페이지의 화면이 달라져야 한다. html이 reloading될 때, html 정보를 뿌리는 것이 될 수 있다. 👉 ajax와 일반 요청의 차이 일반 요청 ajax 요청 data를 입력 후 이벤트 발생 data를 입력 후 이벤트 발생 서버에서 데이터를 이용하여 로직처리 서버에서 요청을 ..

보호되어 있는 글입니다.

👉 jQuery 이벤트 처리 이벤트 핸들러를 할당, 해제할 수 있는 통합 메소드 제공. DOM Element의 이벤트 타입마다 여러 핸들로 할당 가능. 버튼을 누르게 되면, div 자체가 사라지게끔 된다. 👉 bind(), unbind() bind라는 함수를 이용하게 되면 핸들러 연결이 가능한데, 동적으로 생성한 객체에는 적용되지 않는다. (되도록 사용하지 않는 것이 좋다.) 👉 on() 이벤트 핸들러에 연결, 동적으로 생성한 객체도 적용할 수 있어서 bind() 대신 사용하기를 권장한다. delegate selector를 적용하여, 동적으로 생성한 것의 선택자를 명시하도록 한다. 동적으로 생성한 것에 대한 선택자를 매번 동적인 작용이 이루어지면 그때마다 검사하는 것으로 한다.

jQuery는 요즘 잘 사용하지 않지만, 유지 보수 팀에 들어가게 되면 사용할 수 있는 기초 지식. 👉 jQuery의 특징 크로스 플랫폼을 지원 (당시 브라우저 춘추전국시대 때, 표준이 없을 때도 브라우저에 상관없이 표준화) JavaScript에서 사용하던 코드를 축약해서 사용할 수 있다. 배포용으로 만들게 되면 더 공유하기 쉬워지기 때문에, 더 보편화되어 있다. 경량 라이브러리이기 때문에, 복잡한 화면 관리 시 분리 등이 더 용이하다. https://trends.builtwith.com/javascript/javascript-library jQuery는 트렌디하지 못하다, 하지만 아직 사용하는 회사가 있기 때문에, 알고는 있어야 한다. ActiveX 같은 경우에는 익스플로러만 가능했었던 시절이 있었다...