세라공원

# 제목 작성자 일시 3 세번째 글입니다. serapark 2022-10-28 2 2번째 글입니다. serapark 2022-10-27 3 첫번째 글입니다. serapark 2022-10-26 모든 코드는 위에서부터 해석. $(document).ready(function () { $("#post-3").click(function () { clickPost(3); }); }); 지정하는 속성값을 가진 태그보다 스크립트가 먼저 작성되는 경우 꼭 $(document).ready 안에서 처리를 해야한다. $(document).ready : 무조건 쓰는 약속이라고 생각하는 것이 좋다. this : 함수안에서 this 사용하면 '나 자신' class : 어떤 이벤트를 원하면 class를 넣었다가 뺐다가 자유자재로 ..

library : 전 세계에 많은 개발자들이 만들어 놓은 코드. 공개되어 있는 코드. jQuery : html 코드를 바꾸거나 혹은 요청을 만듦. cdn : 웹 사이트에 나와있는 링크 복사. jQuery cdn : release.jquery.com slim : 분리해 놓은 것. 가볍게 만들어 놓은 것. minified : 전부 다 들어있음 크롬 개발자 도구에 $("#test").text('안녕하세요'); 화면에 안녕하세요 출력됨. $ : 제이쿼리 사용한다는 의미. 제이쿼리 인디케이터(아이디 속성 값을 이용해 인디케이터 사용) # : 아이디 속성 값. . : 가지고 있다. id 속성값이 test인 태그를 가리켜줘라. text : 동작을 만들어내는 기능. console.log( $("#test").text(..

callback Function (콜백 함수) 어떤 이벤트가 발생한 후, 수행될 함수를 의미. 대부분의 callback 함수는 익명. $(document).ready(function() { $(".seraBtn)".click(function() { alert("세라공원"); }); });​ seraBtn 클래스를 가진 요소를 클릭 -> callback 함수 실행하는 jQuery 코드. = 비동기 이벤트인 click에 대한 이벤트 리스너로 callback 함수가 작성, 그 내용은 alert()로 호출.

모듈 패턴이란? javaScript에서 가장 많이 사용하는 패턴 중 하나 관련 있는 함수들을 하나의 모듈(Module)처럼 묶음으로 구성하는 것. java 클래스(class)처럼 javaScript를 이요해서 메서드를 가지는 객체를 구성. 즉시 실행하는 함수 내부에서 필요한 메서드를 구성해서 객체를 구성하는 방식.