Nuey.log

ajaxAsynchronous Javascript And Xml  우리가..구글이나 네이버에서 뭔가를 검색하면 검색결과창이 나오잖아요.에이젝스는 창이 바뀌지 않고 위처럼 데이터를 가져올 수 있습니다.이를 비동기 통신 기법이라고 합니다. API Docshttps://api.jquery.com/jQuery.ajax/json 표현 기법을 사용합니다.2024.12.28 - [✨ UI/💛 JS] - [JS]JSON  url : 통신할 서버나 파일 주소.method : get / post 중 선택.async : default: true (false는 동기식).dataType : 통신이 성공하면 리턴받을 data의 type (text, xml, json, ...)success : (위 네개를 올바르게 적어) 통신 ..

jQuery ※ js코드는 좀 길잖습니까. ex) document.getElementId()그걸 좀 더 간단히 적을 수 있게 하는 게 바로 jQuery라이브러리입니다.다른 코드가 아니라 자바스크립트의 라이브러리입니다. html태그에 간단하게 이벤트를 주기 위해 많이 사용됩니다.  적용법 2024.12.28 - [📑 개발 사전/🛫 사이트 모음] - jQuery : 다운로드 받는 곳     💡 위에서는 파일로 저장해 안전하게 사용했지만, js파일 웹주소를 연결해 사용해도 상관은 없습니다.  사용법 $( ) html 태그 불러오기$(css선택자)   $('여기'); 안에 css 선택자를 적어서 불러옵니다.2024.12.23 - [✨ UI/💙 CSS] - [CSS]선택자 종류와 사용법  값 가져오기.va..

JSONJavaScript Object Notion{  }  key : value 형태.서버와 js에서 데이터를 주고받는 데 사용됩니다.변수 = {key1: value1, key2 : value2...};이렇게 많이 담을 수 있습니다.  데이터를 꺼내 쓰는 방법  데이터를 담는방법   JSON 객체 ↔ javascript 객체변환 ※ json형태라고 json이 아니라json형태의 자바스크립트 객체이기 때문에 변환이 필요합니다.   JSON.stringify( ): javascript → JSON  🌟 데이터를 서버로 전송하기 전에 문자열로 변환할 때   JSON.parse( ):   JSON → javascript  🌟 서버에서 받은 JSON 데이터를 JavaScript에서 사용 가능하게 변환할 때 ..

Window Interactive Functions: js의 window객체가 제공하는사용자와 상호작용하는 대화형 함수. window.alert(message) : 메시지 팝업창.window.confirm(message) : 확인/취소 버튼. true/false반환.window.prompt(message, default) : 텍스트창 제공window.onload : 화면이 열림과 동시에 실행. 🌟 원래는 window.alert()와 같이 적어야하는데 window가 전역객체이므로 보통 생략해서 사용한다.💡 새로고침 location.reload()window함수로 대화형 함수는 아니지만 자주 사용된다. (true)를 적으면 서버에서 페이지를 새로 불러온다.()빈 값을 보낼 시 false가 보내지며 캐시가..

자주 사용되지는 않지만 꼭 한번씩 js를 이용해 html을 태그를 수정할 일이 생깁니다.document.함수를 이용해 수정하는 방법을 알아보겠습니다.  DOMDocument Object Model HTML이나 XML 문서의 구조화된 표현으로, 웹 페이지의 모든 요소를 객체로 나타낸다.프로그래밍 언어(주로 JavaScript)가 문서를 동적으로 접근하고 수정할 수 있도록 한다.  .innterHTML = 'html코드': html을 가져와 수정 가능하다.   💡 document.write/writeln(): 페이지 전체를 덮어씌운다. 비권장지만, 문서 전체 내용을 지우고 단순히 html문서를 띄울 경우 사용가능.  createElement() & appendChild()  let 변수명 = documen..

명시적 함수(=보통 함수)function 함수명() { }   익명함수let 변수명 = 함수;    2023.06.11 - [✨ UI/💛 JavaScript] - [JS]스케줄링 함수 setTimeout() 과 setInterval()  화살표 함수let 변수명 = ( ) => 반환;   2024.12.11 - [💬 프로그래밍 표현식] - [Lambda]람다식람다식은 아니지만 표현이 매우 유사하기에 람다식을 안다면 바로 이해하실 수 있을 것입니다.  html태그에 인수를 담아 전달하기    클로저 Closure: 함수 안에 함수

🌟 변수 선언법JS에서 변수선언은 let과 const를 사용한다고 보면됩니다.(var도 쓰이긴 하지만..)변수 선언은 아래 포스트에 작성했기 때문에 이 포스트에서 적지 않았습니다.2023.06.10 - [✨ UI/💛 JavaScript] - [JS]변수타입 var, let, const2023.06.06 - [✨ UI/💛 JavaScript] - JavaScript와 Java는 다른 언어입니다작성법과 기능이 많이 다를 뿐, C언어를 기반으로해 변수선언규칙이나 타입종류는 자바와 거의 동일합니다.  주석///* */  // 한 줄만 주석처리 합니다./* */ 여러 줄을 주석처리 합니다.🌟 // 의 단축키 Ctrl + /  함수function 함수명() {   }  html 태그 js로 가져오기docum..

자바스크립트는 동적이다. HTML은 정적으로 표현하지만(1+1을 입력하면 그대로 1+1이 창에 뜬다),자바스크립트는 1+1을 입력하면 계산기처럼 2가 나오게 할 수 있다.따라서 동적이다.자바스크립트는 사용자와 상호작용이 가능하도록 구현한다.주로 버튼 클릭 시 알림 창을 띄우거나, 입력된 데이터를 처리하여 화면에 표시하는 등의 인터랙티브 기능을 처리합니다. ※ JS와 JAVA는 전혀 다른 언어이지만, C언어를 기반으로 만들어져 비슷한 부분이 꽤 많습니다.2023.06.06 - [✨ UI/💛 JavaScript] - JavaScript와 Java는 다른 언어입니다  작성법 세가지   인라인inline방식 : html 태그 안에 on~으로 시작하는 Event를 만드는 것입니다.   내부 작성internal방..

JS에서 null이나 undefined는 false로 평가됩니다. 따라서 논리연산자 || 와 && 이용해서 초기화를 할 수 있습니다. || const nulll = null;const empty = ``;const exist = `exist`;let result;console.log(`nulll || empty : ${result = nulll || empty}`);console.log(`nulll || exist : ${result = nulll || exist}`);console.log(`empty || exist : ${result = empty || exist}`);console.log(`nulll || empty || exist : ${result = nulll || empty || exist}..

Promise : 약속한 내용  ※ 기본형태let promise = new Promise(function(resolve, reject){ });​ 익명함수(함수를 변수에 담은 형태) 입니다. 무슨 약속이었는 지 기억하려면 이름이 붙어야 겠죠.그래서 꼭 변수에 담아야 합니다. 아니면 약속을 해도 실행할 수 없어요.약속한 걸 실행 성공하면 resolve실패하면 reject 가 실행됩니다. Promise 구성 상태값 변화  Promise의 기본 상태값PromiseState : pendingPromiseResult : undefined성공한 경우 PromiseState : fulfilled PromiseResult에서는 resolve 에 담긴 값이 표기됩니다.실패한 경우 PromiseState : rej..