안녕하세요. @u robotics 입니다.
오늘은 웹개발 5번째를 시작해보겠습니다.
그냥 지원이나 하면서 이리저리 다니다가
재밌는 걸 발견한 것 같아서
한 번 해볼려고 합니다.
드래그 앤 드롭인데요.
웹에서 이런 게 되는지 몰랐기 때문에
흥미를 갖고 한 번 해볼려고 합니다.
솔직히 이해는 전혀 안 됐습니다. ㅎㅎㅎ
그래서 그냥 소스를 보고
약간 수정을 해봤습니다.
첫 번째 소스는 html 파일인데요.
index.html 파일로 만들어서 실행해보시면
한 쪽으로 옮기는 드래그 & 드롭이 됩니다.
두번째 소스는
한 쪽으로 옮겼다가
반대쪽으로 옮기는 것이 됩니다.
계속 왕복할 수 있어요.
첫 번째 소스를 간단하게 고쳐봤는데요.
그리는 부분인 #div 를 하나 추가해주고요.
마지막에
div id=div2 로 다시 돌아올 수 있도록 한 줄 추가해줬습니다.
그러니깐
이 소스도 드래그 & 드랍으로 왕복이 됩니다. ㅎㅎㅎ
신기하네요.
이거 써먹으면 되게 재밌을 것 같습니다.
감사합니다. ^^
[웹개발4] hover 효과
https://steemit.com/kr/@urobotics/4-hover
[웹개발3] 구글 Map 출력하기
https://steemit.com/kr/@urobotics/3-map
[웹 개발2] 에디터 Atom 사용
https://steemit.com/kr/@urobotics/2-atom
[웹 개발] HTML5 (1)
https://steemit.com/kr/@urobotics/html5-1
