본문 바로가기

JavaScript136

Ajax) 동기와 비동기 차이, Javascript로 비동기처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 동기와 비동기 차이 사용자가 서버에 요청/서버 응답까지의 시간을 기다리느냐 기다리지 않느냐에 대한 차이가 있는 것을 알 수 있습니다. javascript로 처리하는 비동기식 - 폼 전송은 무조건 동기식 요청! - 서버는 동기적 처리 / 비동기적 처리를 구분하지 않음 GET방식 helloAjax.jsp Ajax - js 검색 폼 제출은 무조건 동기적 통신이기 때문에 submit 이벤트를 이용해서 비동기 처리를 할 수 있습니다. 객체 생성 후, readyState에 대한 change 핸들러를 바인딩 처리하였으며 open의 매개인자로 전송방식과 url을 넘겨주었습니다. readyState는 0 .. 2022. 7. 8.
Ajax) 정리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. Ajax # Ajax * Asynchronous JavaScript and XML 이란 용어로써 2005년 2월 제시 제임스 카렛이 처음 사용하면서 알려지게 되었음 * 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법으로 비동기식 요청을 보내는데 필요한 기술을 말함 ## 동기식/비동기식이란? 동기식은 서버와 클라이언트가 동시에 통신하여 프로세스를 수행 및 종료까지 같이함. 만약 서버에서 호출된 결과까지의 시간이 지연이 생길 경우 웹에서는 아무런 작동 없이 기다려야함. 새로운 콘텐츠를 추가, 불러오기 위해서는 페이지를 리로드 하거나 이동해야함. 이에.. 2022. 7. 8.
jQuery) attr과 prop 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. attr - 태그 객체에 inline에 작성된 속성 관리 - getter : 해당 속성 값을 리턴 (작성되어 있지 않다면 undefined 리턴) → n개의 요소를 가진 경우 0번지 요소 값을 반환 - setter : 해당 속성을 작성() → n개 모든 요소의 속성을 변경 HTML 코드 attr CSS 코드 jQuery 코드 $(btn1).click((e) => { const $img = $(".img-wrapper img"); console.log($img); }); getter // getter console.log($img.attr("src")); console.log($img.att.. 2022. 6. 13.
jQuery) 기본 선택자, jQuery 객체 생성 방법, 가상 선택자, 순서관련 가상 선택자 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 기본 선택자 HTML 코드 안녕1 안녕2 안녕3 안녕4 안녕5 기본선택자 jQuery 코드 btn1.addEventListener('click', () => { const $el = $("#p1"); console.log($el); }); 하나의 jQuery 객체가 리턴 되었고, 그 안에는 순수 자바스크립트 객체가 들어있는 것을 확인할 수 있습니다. 즉, jQuery 객체는 순수 js객체를 감싼 객체임을 알 수 있습니다. 이를 이용하여 css 설정을 해줄 수도 있습니다. css() - style 설정 $el.css('color', 'red'); jQuery 객체 안에 여러개의 js객체를 감.. 2022. 6. 13.
jQuery) jQuery 다운로드, load 이벤트 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 점유율이 점점 떨어지고 있는 제이쿼리지만.. 알면 좋으니까 살짝 공부해보았습니다. jQuery 다운로드 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in.. 2022. 6. 13.
git) git 설치, github 원격저장소로 업로드하기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. git 설치 주소 https://git-scm.com/download/win Git - Downloading Package Download for Windows Click here to download the latest (2.36.1) 32-bit version of Git for Windows. This is the most recent maintained build. It was released about 1 month ago, on 2022-05-09. Other Git for Windows downloads Standalone Installer 32-bit Git f git-scm.. 2022. 6. 10.

티스토리툴바