Developer Gonie

XML 파일형식 - XML은 아래와 같이 임의대로 태그 이름을 지어서 만들게 된다. - 데이터를 붙여줄 때, 특정 태그의 자식으로 넣을 수 도 있지만, 속성으로 추가해도 된다. - 다만 읽어들일 때 편하게 각 뭉태기는 같은 형태를 가져야 한다. 3000 레몬에 포함되어 있는 쿠엔산은 피로회복에 좋다. 비타민C도 풍부하다. 2000 비타민C가 매우 풍부하다. 다이에트와 미용에도 매우 좋다. 5000 블루베리에 포함된 anthocyanin(안토시아닌)은 눈피로에 효과가 있다. JSON 파일형식 - [ {}, {}, {}, {}, ,,] 형태로 뭉태기가 나열되며, { } 안에는 데이터가 나열된다. - XML과 마찬가지로 읽어들일 때 편하게 각 뭉태기는 같은 형태를 가지도록 작성해야 한다. [ { "id": "..

* 좌우 이동은 첫번째 이미지의 왼쪽 공백 만을 이용해서 작성 가능했음 * 상하 이동은 아마도 첫번째 이미지의 위쪽 공백을 이용하지 않을까? 1) .animate({ }, 시간) 인자로 준 시간동안 부드럽게 { } 의 부분이 적용되며, 좌우,상하로 이미지를 부드럽게 움직일 수 있음. 사용예시 « »

* show(), hide()와 기능이 거의 같은데, 보여지는건 거의 같고 사라질 때의 시각적인 효과가 살짝 다름 1) fadeIn() CSS의 display 속성을 원래대로 변화시켜, 눈에 다시 보이게 됨 2) fadeOut() CSS의 display 속성을 none 으로 변화시켜, 요소는 그대로 존재하지만 눈에 안보이게 됨 사용예시 불투명도를 점점 높여서 보이도록 한다. speed를 fast, normal, slow 또는 0이상의 숫자(밀리세컨드 단위)를 준다. 에니메이션이 끝난 후에 실행할 함수를 지정한다. S U C C E S S ! fadeIn fadeOut fadeToggle

* toggle과 다른 것은 toggle은 하나만 가지고 숨겼다 보여졌다 하는데 이건 기능이 분리되어 있다는 것임 1) show() CSS의 display 속성을 원래대로 변화시켜, 눈에 다시 보이게 됨 2) hide() CSS의 display 속성을 none 으로 변화시켜, 요소는 그대로 존재하지만 눈에 안보이게 됨 사용예시 * show(), hide()에 추가된 fuction은 전부 다 요소가 보여진 다음에 마지막에 실행된다. Show It Hide It 안녕하세요. Show It slow Hide It slow 반갑습니다. Show/Hide 또 만나요

바로 접었다 폈다하는 예제 * toggle() 함수의 인자로 이 속도를 조절할 수 있으니 이에 대한 예시는 맨 아래의 코드를 참고. 접혀지고 펼쳐지는 속도를 조절해본 예제 $('p.b').toggle('slow'); // 느리게 동작 $('p.b').toggle('fast'); // 빠르게 동작(그래도 인자가 아예 없는 상태보단 느림) $('p.b').toggle(5000); // 5초에 걸쳐 펼쳐지고 접혀지는 접혀지고 펼쳐지는 속도를 조절 + 동작을 마친후 호출될 함수 정의 * 뒤에 선언된 function은 펼쳐지거나 접혀지는 동작이 다 끝난 다음에나 실행됨 $('button:last').click(function(){ $('span:last').toggle(3000,function(){ alert(1..

1) .live() 특정 요소에 이벤트 핸들러를 붙여준다.(append()로 같은 요소가 추가되면 다른 요소에서도 이벤트 핸들러가 작동한다.) 2) .die() 이벤트 핸들러를 해제한다.(live() 로 설정한 것에 대해서만 가능. bind()로 붙여준건 unbind()를 이용해야 한다.) 사용예시

* bind()를 사용하여 이벤트 핸들러를 붙일시, append()로 추가된 요소에는 이벤트 핸들러가 붙지 않으므로 새로 추가된 요소에도 이벤트 핸들러가 붙게 하고 싶다면 live(), die()를 대신해서 사용해라 https://ldgeao99-developer.tistory.com/488 1) .bind() 특정 요소에 이벤트 핸들러를 붙여준다.(단, append()로 추가된 다른 요소에는 이벤트 핸들러가 위임되지 않음) 2) .unbind() 이벤트 핸들러를 해제한다.(bind()로 설정한 것만 가능. live()로 붙여준건 die()로 해제시켜야 함) 두가지 이상의 이벤트에 대해 동일한 작업이 수행되게 하고 싶을 때 $('img').bind('click mouseover', function(){ ..

1-1) .text() 문자열 에서 문자열을 반환해줌 1-2) .text(문자열) 에서 문자열을 텍스트 영역에 삽입해줌 2) .val() 요소에 입력되어 있는 문자열(value의 값)을 반환해줌 select 요소에서 선택된 option의 value 값을 가져올 때도 사용함 text() 사용예시 val() 사용예시

1) .empty() 특정 요소의 자손만을 지움 2) .remove() 자신을 포함한 자손까지 없애버림 사용예시

* ajax와 비슷하게 페이지의 일부를 동적으로 교체하기 위해 사용되는것 같다. 1) .load() 특정 요소의 자식으로 다른 파일의 html 코드를 추가(단, 기존에 존재하던 자손들을 모두 지우고) html()함수와 매우 비슷한데, 다른 파일의 html 코드를 가져와 동작한다는 점이 다르다. 파일 이름과 함께 선택자를 사용하면 html 파일에서 특정 요소만 읽어올 수 있기도 하다. 사용예시

* Java에서는 멤버변수가 있는 클래스를 먼저 정의하고, 이를 이용해 객체를 만들 수 있었다. 하지만, javascript에서는 Object 타입의 객체를 먼저 만들고 여기에 멤버변수를 추가하는 방식을 사용한다. 방법1 방법2 방법3: ArrayList 같은 느낌으로 객체들의 배열을 만드는 법