Nuey.log

객체 생성객체 프로퍼티(속성) 담아 만들기2024.12.28 - [📑 개발 사전/💬 프로그래밍 표현식] - JSON 접근수정삭제프로퍼티 유무 확인※참조 https://www.inflearn.com/course/한입-리액트/dashboard

변수명 ?? 변수명: null과 undefined가 아닌 값을 찾는다. a ?? c → a는 undefiend이고 값이 있는 c의 값이 변수에 들어갑니다.undefiend ?? null 시에는 null 이 비교하는 변수 모두에 값이 있으면 앞 ?? 뒤 에서 앞의 값을 찾습니다.

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

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]람다식람다식은 아니지만 표현이 매우 유사하기에 람다식을 안다면 바로 이해하실 수 있을 것입니다. 클로저 Closure: 함수 안에 함수 콜백함수Callback Function: 자신이 아닌 다른 함수에, 인수로 전달된 함수. main함수에서 인수param으로 함수를 받고 있습니다.main(sub);→ 여기에서 인수로 잔달된 sub함수를 콜..

🌟 변수 선언법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}..