-2021.08.05
1. JavaScript, JQuery, JQuery Team
자바스크립트 코드는 웹 브라우저가 문서의 모든 요소를 로드한 뒤에 실행되어야 함.
그렇지 않으면 오류 발생. 이를 해결하기 위해, 문서의 다른 요소들을 로드한 뒤에 실행하게 해주는 코드들이 여러개 존재함.
// 1. JavaScript
window.onload = function(){
//JavaScript 코드;
};
// 2. JQuery
$(document).ready(function(){
//JQuery 코드;
});
// 3. JQuery Team
$(function(){
//JQuery 코드;
});
ex)
$(document).ready(function(){
$("#doc").text("문서가 전부 로드 됨"); //윗 줄이 수행 되면, 'doc' id 를 가진 객체를 찾아 내용을 변경
});
2. JQuery
$(~).appendTo(~~) : ~요소를 ~~요소 안으로 이동시킴.
3. 언어 뭐였지
string.replace(a, b) : 문자열에서 a를 찾아서 b로 치환함.
4. 정규 표현식(정규식)은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴.
자바스크립트에서는 정규표현식 또한 객체임.
이 정규표현식들은 RegExp의 exec, test 메소드, String의 match, replace, serarch, split 메소드와 함께 쓰임
-2021.08.09
1. Javascript callback 함수
Callback function - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
A callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.
developer.mozilla.org
2. 동기/비동기
- 참고
Asynchronous - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
The term asynchronous refers to or multiple related things happening without waiting for the previous one to complete).
developer.mozilla.org
3. Javascript var,const, let 차이
javascript var, let, const 차이점
javascript var, let, const 차이점. GitHub Gist: instantly share code, notes, and snippets.
gist.github.com
4. JQuery, JSON data() 함수
- 참고
[jQuery] data-xx 속성을 추가해주는 data()함수에 대해
참고글 [jQuery] jQuery DOM 요소에 속성 추가, 수정 및 제거하기 [자바스크립트] 데이터 속성(data-xxx)에 대해 jQuery data-xx 속성을 추가해주는 data()함수에 대해 HTML5는 개발자가 DOM 객체에 데이터를 저장
dololak.tistory.com