내부 삽입 1) append(content) 모든 요소 내부에 컨텐츠를 추가한다. e.g. // p 태그에 내용 추가 $("p").append("제이쿼리"); : 중요과목: 2) appendTo(content) 요소의 내용을 다른 요소에 추가한다. e.g. // body 마지막 부분에 제이쿼리 추가 $("제이쿼리").appendTo("body"); // id가 test인 태그의 뒷 부분에 아이디가 a인 태그의 내용을 추가 $("#a").appendTo("#test"); : 제이쿼리 중요과목 : //--==>> 중요과목 : 제이쿼리 3) prepend(content) 모든 요소 내부의 선두에 컨텐츠를 삽입 4) prependTo(content) 요소의 내용을 다른 요소에 추가한다. 외부 삽입 1) afte..
Attr 1) attr(attributeName) 해당 속성 이름의 값을 return 한다.(매칭되는 첫 번째 것만 가져옴) e.g. // a 라는 id를 가진 요소의 title 속성을 b 라는 id를 가진 요소에 작성된다. $(function(){ let title = $("#a").attr("title"); $("#b").text(title); }); // *주의 // jQuery의 src attribute에 대한 attr 함수를 이용하여 같은 경로의 사진을 업데이트하려고 할 때, // 크롬의 경우는 src 속성이 같으면 이미지를 새로 불러오지 않는다. // 이런 경우 다음과 같은 방법을 사용 $("#myimg").attr("src", "/myimg.jpg?timestamp=" + new Date()..
http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 - YES24 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com ⌜Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 작업 트리에서 수정한 파일 되돌리기 - git checkout git checkout -- hello.txt 스테이징 되돌리기 - git reset HEAD 파일 이름 git reset HEAD hello2.txt 최신 커밋 되돌리기 - git re..
http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 - YES24 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com ⌜Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문⌟ 책을 공부하며 요약・정리한 내용입니다. 깃 환경 설정 git config : 사용자 정보 설정 --global 추가하면 현재 컴퓨터에 있는 모든 저장소에서 같은. 사용자 정보를 사용하도록 설정 $ git config --global user.name "name" $ git config -..
background-repeat 이미지 반복시키는 여부 정하는 속성 /* 반복하지 않음 */ background-repeat: no-repeat; /* 가로 방향으로만 반복 */ background-repeat: repeat-x; /* 세로 방향으로만 반복 */ background-repeat: repeat-y; /* 가로와 세로 모두 반복 */ background-repeat: repeat; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 이미지 간의 여백으로 배분 */ background-repeat: space; /* 반복할 수 있는 만큼 반복한 뒤, 남는 공간은 이미지 확대를 통해 배분 */ background-repeat: round; background-size 배경 이미지의 사이즈를 정해..
계층 선택자(selector) ancestor descendant : 조상(ancestor)엘리먼트의 자손(descendant)인 모든 descendant 엘리먼트를 선택 parent > child : parent의 바로 아래 자식인 모든 child 엘리먼트를 선택 prev + next : prev 엘리먼트 바로 다음의 형제인 next 엘리먼트를 선택 prev ~ sibling : prev 엘리먼트 다음의 형제인 모든 sibling 엘리먼트를 선택 e.g. // ancestor descendant // form 태그 안의 input 태그 스타일 변경 $("form input").css("border", "2px solid red"); // prev > child // 아이디가 main인 객체 아래의 모든..