TIL : Javascript4 [Javascript] 제어문 Javascript에서 여러 함수로 이벤트를 처리하거나, 동적 페이지를 구성할 때 반드시 제어문을 사용하게 된다. 이를 대비하여 기초 제어문들을 정리해 보자. 조건문 (if, else) if (조건) {실행코드} var value = 30; if (value > 20) { console.log("20보다 크다"); } 조건문 (switch) switch(변수) { case '값' : 실행코드; break; case '값' : 실행코드; break; ... default : 실행코드; break; } var value = 30; switch(value) { case '10' : console.log('10입니다'); break; case '20' : console.log('20입니다'); break; ca.. 2024. 3. 18. JSON, GSON과 Ajax Ajax란? Ajax는 Asynchronous JavaScript and XML의 약자로, 말 그대로 비동기식(asynchronous)으로 클라이언트(사용자)와 서버가 데이터를 주고 받는 통신 방식으로, text, html, json, csv, xml등 여러 형식을 사용할 수 있다. 기존의 동기식(정적) 데이터 통신 방식으로 동작하는 웹 애플리케이션은 클라이언트가 서버로 데이터를 요청하면 응답을 받을 때까지 대기를 하고 응답이 완료돼야 다음 요청을 하게 된다. 반면 비동기식(동적) 통신 방식에서는 응답을 받지 않아도 요청을 여럿 보내고 처리가 여럿 진행되는 방식이다. 이런 요청을 하는 방식이 javascript로 작성된 Ajax인 것이다. JSON이란? Ajax설계에서 일반적으로 가장 자주 사용되는 데이.. 2024. 3. 11. [jQuery] 데이터 출력 기본 Javascript에서 데이터 출력 방식을 jQuery에서도 유사한 문법으로 사용 가능하다. 간단한 예시로 jQuery문법의 데이터 출력을 쉽게 익힐 수 있다. jQuery 출력 함수 .alert(내용) 내용을 팝업 메세지 창에서 출력 (기존 js와 동일) console.log("내용") 개발자 도구 화면의 콘솔로 내용이 출력됨 (기존 js와 동일) .html(내용) 기존 js의 .innerHTML이랑 유사 태그 element의 내용을 변경하여 출력하는 방식, HTML태그가 적용돼서 출력된다. .text(내용) 기존 js의 .innerText이랑 유사 태그 element의 내용을 변경하여 출력하는 방식, HTML태그가 적용 안 되고 노출된 상태로 출력된다. 다음 코드로 간단한 예시를 준비해보자. j.. 2024. 3. 8. [Javascript] 데이터 출력 Javascript에서 데이터 출력 함수 JS에서 데이터 출력을 할 수 있는 함수는 대표적으로 다음이 있다. document.write("내용") 페이지 화면에 내용값이 출력됨 .alert("내용") 내용을 팝업 메세지 창에서 출력 innerHTML = "내용" 태그 element의 내용을 변경하여 출력하는 방식 id나 name등으로 태그 탐색. HTML태그가 적용돼서 출력된다. innerText = "내용" 태그 element의 내용을 변경하여 출력 HTML태그가 미적용 상태로 텍스트 그대로 노출된다 console.log("내용") 개발자 도구 화면의 콘솔로 내용이 출력됨 다음과 같은 예시로 연습을 해 보자. .alert(내용) console.log(내용) .innerHTML .innerText 이 코.. 2024. 3. 7. 이전 1 다음
