JavaScript4

• 

  데이터 전달의 꽃 AJAX 다루기 - JS, JQuery, jsp(feat. 실시간 아이디 중복검사) 사실 ajax 를 몇번인가 사용했는데 이에 대한 정리가 하나도 없다는걸 깨달아서 마음먹고 정리해봤습니다. 순서상 JQuery 를 먼저 정리하고 정리해야하는데 jquery 는 다음 글부터 정리해야할듯ㅠㅠ AJAX 란 무엇인가 - Asynchronous Javascript and Xml Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. 서버로부터 웹페이지가 반환되면 화면 전체를 갱신해야 하는데 페이지 일부만을 갱신하고도 동일한 효과를 볼 수 있도록 하는 것이 Ajax이다. 페이지 전체를 로드하여 렌더링할 필요가 없고 갱신이 필요한 일부만 로드하여 갱신하면 되므로 .. JavaScript 2022. 5. 12.

• JavaScript 기본기 익히기 (3) : html에서 값 가져오기, form 값 가져오기,객체 다루기 1. html 문서에서 값 가져오기 : document html 문서에서 값을 가져오기 위해서는 document 객체의 get 함수를 이용한다. 대표적으로 아래 함수들을 사용하는데 특히 html 의 id, class, name 등을 이용해서 해당 태그 내 값을 가져온다. document.getElementById(); document.getElementsByClassName() document.getElementsByName() document.getElementsByTagName() document.getElementsByTagName() document get 함수를 통해서 가져오는 값들은 모두 ‘객체’ 이다. 이 때문에 객체의 값을 다시 가져오기 위해서는 value 를 사용해야한다. console... JavaScript 2022. 5. 2.

• JavaScript 기본기 익히기 (2) : 변수 입력과 출력, eval(), 사용자 정의 함수 이번에는 자바의 변수의 입력과 출력, Math, eval(), 사용자 정의 함수에 대해서 정리하겠습니다. 1. 변수 입력과 출력 : prompt(), document.write, alert 사용자로부터 변수를 입력받는 방법은 prompt() 함수를 사용하는 것이다. 해당 함수를 사용하면 얼럿창이 뜨면서 값을 입력할 수 있게 된다. 입력받은 값 혹은 변수를 출력하기 위해서는 아래 3가지 방법을 사용 할 수 있다 document.write 는 바로 body 부분에 출력 가능하다 alert 은 말 그대로 경고창 뜨는 그곳에 값이 출력된다 → 주로 입력받은 후 해당 값이 맞는지 아닌지 true 면 ~~하고 false 면 ~~하는 등의 조작이 가능할듯? console.log 는 개발자 도구에 있는 콘솔 창에 값을.. JavaScript 2022. 4. 28.

• JavaScript 기본기 익히기 (1) : 변수 선언, 배열, 제어문, 문자열 사실 JavaScript 는 이전에 웹 프로젝트를 할때부터 접해왔었다. 근데 당시에는 솔직히 너~~무 어려워서, 정말 뭔말인지 하나도 모르겠어서 정리하는 것조차 포기하고 있었다. 근데 진짜 신기하게도 java 를 공부하면서 이것저것 만들다보니 이번에 JS 강의를 들으면서는 확실히 이해가 되었다. 의외로 Java 와 비슷한 부분이 많아서 적어도 기초 부분에서는 나름 재미있게 공부하고 있다. 그런 의미에서 JS 도 공부하고 정리한 내용을 작성해보려고 한다. 1. JavaScript 자바 스크립트는 사용자와의 인터렉티브를 담당 → html 에서의 사용자와 상호작용을 담당하는데 쉽게 생각하면 전반적인 이벤트를 담당한다고 생각하면 된다 ECMAscript 라고도 한다 console.dir(객체명) 를 통해서 콘솔.. JavaScript 2022. 4. 23.