Nuey.log

https://code.google.com/archive/p/json-simple/downloads Google Code Archive - Long-term storage for Google Code Project Hosting. code.google.com

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

https://jquery.com/ jQueryWhat is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.jquery.com

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..

https://www.w3.org/ W3CThe World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security.www.w3.org프론트엔드 언어는 기능이 정말 정말 많기 때문에 이를 표준화하는 곳이 있는데그곳이 바로 W3C입니다.표준화라고 한다면 다양한 기종의 기기와 브라우저에서 모두 잘 작동하는 등의 표현방식의 기준을 삼는 것입니다.

명시적 함수(=보통 함수)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..

https://developer.mozilla.org/ko/ MDN Web DocsThe MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.developer.mozilla.org html, css, js는 java보다 몇 배는 더 다양한 기술들이 있고 더 많이 업데이트되는데, 그 만큼 비권장된 코드도 더 많습니다. 또한 여러 기종의 전자기기등을 아우를 수 있는 웹 표준을 확인하고연습할 수 있습니다.