본문 바로가기

전체 글230

[jQuery] 이미지 슬라이더 Test Header 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화 삼천리 화려강산 대한 사람, 대한으로 길이 보전하세 Test Header 2021. 4. 14.
[jQuery] 효과 이름 설명 show( ) 문서 객체를 크게 확대하며 보여준다 hide( ) 문서 객체를 작게 축소하며 사라지게 한다 toggle( ) show( ) 메서드와 hide( ) 메서드를 번갈아 실행한다 slideDown( ) 문서 객체를 슬라이드 효과와 함께 보여준다 slideUp( ) 문서 객체를 슬라이드 효과와 함께 사라지게 한다 slideToggle( ) slideDown( ) 메서드와 slideUp( ) 메서드를 번갈아 실행한다 fadeIn( ) 문서 객체를 선명하게 보여준다 fadeOut( ) 문서 객체를 흐리게 사라지게 한다 fadeToggle( ) fadeIn( ) 메서드와 fadeOut( ) 메서드를 번갈아 실행한다 $(selector).method( ); $(selector).method(sp.. 2021. 4. 14.
[Eclipse - git] git push Rejected non fast forward 해결 오류 발생 원인 1. 첫 push일 경우, 원격 저장소에 레파지토리와 함께 미리 만든 README.md 2. 원격 저장소 내용 pull 없이 push git push Rejected non fast forward - 발생 [window] → [show View] →[Other] 들어가 [Git] → [Git Repositories] 누르기 ㅁ 2021. 4. 13.
[jQuery] 이벤트 이벤트 연결 기본 이름 설명 on() 이벤트를 연결 메서드 두가지 형태 $(selector).on(evnetName, function(event){}) $(selector).on(object) 예제1 Header-0 Header-1 Header-2 결과 on메서드의 첫번째 매개변수에 이벤트 이름을 입력하고 두 번째 매개변수에 이벤트 리스너를 입력 예제2 Header-0 Header-1 Header-2 mouseenter : function (){ $(this).addClass('reverse'); }, mouseleave : function (){ $(this).removeClass('reverse');} reverse 클래스 속성을 추가하고, 마우스가 빠져나가면 reverse 클래스 속성을 제거 이벤트.. 2021. 4. 13.
[DBeaver] 설치 DBeaver 사이트에 들어가 download를 누른다. https://dbeaver.io/ DBeaver Community | Free Universal Database Tool DBeaver Universal Database Tool Free multi-platform database tool for developers, database administrators, analysts and all people who need to work with databases. Supports all popular databases: MySQL, PostgreSQL, SQLite, Oracle, DB2, SQL Server, Sybase, dbeaver.io 자신 환경에 맞는 버전을 다운 받는다. 다운로드 순서이.. 2021. 4. 11.
[Javascript] 반복문 for in 반복문 배열과 함께 사용할 수 있는 반복문이다. for (const 반복 변수 in 배열 또는 객체) { 문장 } for of 반복문 배열이 반복될 때 사용한다. 객체는 사용할 수 없고 사용하면 TypeError를 출력한다. for (const 반복 변수 of 배열 또는 객체) { 문장 } for 반목문과 배열 for 반목문과 배열을 반대로 출력 2021. 4. 10.
[jQuery] 문서 객체 문서 객체의 클래스 속성 추가 메소드 이름 설명 addClass() 문서 객체의 클래스 속성을 추가 합니다. Header-0 Header-1 Header-2 문서 객체의 클래스 속성 제거 메서드 이름 설명 removeClass() 문서 객체의 클래스 속성을 제거 Header-0 Header-1 Header-2 문서 객체의 속성 검사 메서드 이름 설명 attr() 속성과 관련된 모든 기능을 수행 문서 객체의 속성 추가 attr()메서드 사용 방법 1. $(selector).attr(name, value); 2. $(selector).attr(name, function (index,attr) {}); 3. $(selector).attr(object); 문서 객체의 속성 제거 이름 설명 removeAttr(n.. 2021. 4. 10.
[jQuery] 문서 객체 선택과 탐색 기본 필터 메서드 filter 메서드 메서드 이름 설명 filter() 문서 객체를 필터링 한다. 1번 코드 Header-0 Header-1 Header-2 Header-3 Header-4 Header-5 매개 변수 설명 :even 짝수번째 요소를 모두 가져온다 ( first index : 0 ) :odd 홀수번째 요소를 모두 가져온다 ( first index : 0 ) filter() 메서드의 매개변수에 선택자를 입력 2번 코드 Header-0 Header-1 Header-2 Header-3 Header-4 Header-5 특정 위치의 문서 객체 선택 메서드 이름 설명 eq() 특정 위치에 존재하는 문서 객체를 선택 first() 첫 번째에 위치하는 문서 객체를 선택 last() 마지막에 위치하는 문서.. 2021. 4. 10.
[jQuery] 기본 선택자 CSS의 가장 기본적인 선택자는 전체 선택자 입니다. HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자 이다. 전체 선택자 Lorem ipsum CSS메서드는 jQuery에서 가장 기본적인 메소드이다. $('*').css('color', 'red'); 첫번째 매개변수에는 바꾸고자 하는 스타일 속성 이름을 입력 두번째 메소드에 스타일 속성 값을 입력 태그 선택자 - 일반 태그 선택자 특정한 태그를 선택하는 선택자 이다. Lorem ipsum Lorem ipsum dolor sit amet Lorem ipsum consectetur adipiscing elit h1태그에만 스타일이 적용이 되었다. 태그 선택자 - 여러개 태그 선택자 Lorem ipsum Lorem ipsum dolor sit amet.. 2021. 4. 10.

티스토리툴바