목록2021/03 (23)
For Beginners
👉 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 같은 경우에는 익스플로러만 가능했었던 시절이 있었다...
👉 자바스크립트란? 자료형을 명시하지 않는 동적 타이밍 언어 👉 자바스크립트를 어디서 사용하는가? html에 포함되어져서 브라우저에 로딩, 메모리 할당한 다음에 실행해준다. 👉 정적 페이지 -> 동적 페이지 html -> JavaScript 입력 데이터를 얻어오고 문서 조작, 유효성 검사를 위해서 사용한다. 👉 JavaScript와 Java의 비교 JavaScript는 브라우저에서 실행, Jsp(Java)는 JVM에서 실행 👉 JavaScript의 위치 HTML문서 내에 포함되어서 실행. 스크립트 태그로 구분되어서 사용되어진다. 스크립트 태그의 위치는 어디라도 상관이 없다. (일반적으로는 head와 body 내부에 넣어준다.) 만약 외부에서 JS 파일을 가져오고 싶으면 src를 통해서 가져온다. JS의 ..