개발자 도담씨

참고 블로그배너 : http://two-leaves.tistory.com/entry/간단한-슬라이드-배너만들기 메뉴바 : http://webdir.tistory.com/481 위는 완성한 결과물이다! 😆배너는 일정 시간마다 자동으로 넘어 가게끔 슬라이드 효과를 나태냈고상단 맨위 두번째 메뉴부분을 스크롤을 인식해서 일정 부분을 위로 스크롤시 나타나고아래로 스크롤시 사라지게 나타냈다. html과 css는 가볍게 훑어본 뒤 jQuery부분을 중점으로 다루겠다. 12345678910111213141516171819202122232425262728293031323334353637 Music Player Music Award Album Music Colored by Color Scriptercs html 부분은 다..

동적 로딩을 할려면 스크롤의 하단 부분을 체크할 수 있어야 하기에 ! 아래부분 인식부터 해보자사실 구글에 검색하면 바로 나오는 간단한 (?) 조건문이지만한번도 제대로된 설명을 보지 못했고 정확하지 않은 부분을 발견해서 포스팅하게 되었다. 😖 HTML 부분을 참고하고자 첨부한 사진이다.크게 볼 건 없지만 혹시나 자바스크립트 삐약이인 나같은 사람들을 위해.. 햇갈리지 말라고 올려본다! 👍( 화질이 왜이렇게 안좋지..? ) 123456 /** list부분을 스크롤시 발생하는 함수 **/ $("#list").scroll(function(){ if ($(this)[0].scrollHeight - Math.round($(this).scrollTop()) == $(this).outerHeight()){ alert('..

정말 오랜만에 글을 쓴다..!지난번 JSP중이던걸 이어서 추가한다고 다른 공부를 못했다..2018/05/15 - [Web Programming] - JAVA Script 1편 + 자바스크립트 기본2018/05/15 - [Web Programming] - Java Script 2편 + 자바스크립트 문서 객체 모델2018/05/16 - [Web Programming] - Java Script 3편 + 자바스크립트 문서 객체 조작자바스크립트의 기초에 이어서 jQuery라는 친구를 한번 만나 보려고한다. 이미 지난번에 jQuery사용한 코드를 올렸지만 그래도 기초는 중요하니까 😝 오늘 배송받은 따끈따끈한 자바스크립트 + jQuery 완전 정복 스터티 친구와 함께 해보려 한다 !1편의 목차를 보니 for, if,..

1편 - [Web Programming] - JAVA Script 1편 + 자바스크립트 기본2편 - [Web Programming] - Java Script 2편 + 자바스크립트 문서 객체 모델 2편에서 만났던 문서 객체의 조작법에 대해 한번 알아보자 :)우리는 문서 객체를 선택해서 글자, 스타일, 속성 등을 조작할 수 있다. 아래는 글자 조작 속성명이다.설명 그대로 test 의 글자를 document.body.textContent로 변경한다면일반 글자 형식이므로 실행 결과 " test "가 그대로 뜰 것이다.만약 innerHTML을 사용했다면 태그가 인식되고 문자열 test만 뜬다. 이어서 스타일 조작이다.var header = document.getElementById('header');header...

1편 - [Web Programming] - JAVA Script 1편 + 자바스크립트 기본 HTML태그를 자바스크립트에서 이용할 수 있게 객체로 만든 것을 문서 객체라고 부른다.따라서 자바스크립트에서 문서 객체를 사용하면 HTML 태그를 생성, 제거하거나 조작할 수 있다.또한 마우스를 클릭하거나 키보드를 누르는 등의 이벤트에 반응할 수 있다. 웹 브라우저에 HTML 파일을 끌어다 놓으면 웹 브라우저는 HTML파일을 분석하고 화면에 표시한다.이때 웹 브라우저가 HTML 파일을 분석하고 표시하는 방식을 문서 객체 모델 ( DOM document Object Model )이라 한다.문서 객체 모델의 관련 용어로 태그, 문서 객체, 노드라는 친구들이 등장한다. 태그는 , 등의 친구들이다. 계속해서 만나온 아이..

참고 사이트 : https://www.w3schools.com/js/default.asp 자바스크립트란 HTML과 웹의 프로그래밍 언어다.따로 컴파일이 필요없으며, 인터프리터 언어이다.웹 페이지에서 움직이는 무언가가 있다면 이 자바스크립트라는 친구를 사용한 것이다. 자바를 공부했다면 JS에서 키워드로 불려지는 친구들은 어렵지 않을 것이다.단 처음 자바스크립트를 접한다면 break, else, case등 키워드(예약어)가 어렵게 느껴질 수도 있을 것같다. 자바와 자바스크립트는 다른 것이라 하지만 책을 읽어보니 거의 비슷하다.개인적으로는 자바를 공부했기 때문에 반복문, 조건문등 언어와 비슷한 친구들은 넘어가도록 하겠다. 자바스크립트는 하나 이상의 표현식이 모여진 문장으로 나타낸다.그리고 여기에서는 사실 문장..