IT & CODE 이야기

이번 예제는 jquery로 수족관속의 물고기를 움직이는 예제입니다. 예제의 조건은 다음과 같습니다. xy좌표를 입력하면 입력 버튼을 누르면 물고기가 좌표로 움직인다. 물고기를 누르면 랜덤한 위치로 이동한다. 물고기가 수족관 밖으로 나가는 좌표를 입력하면 경고창을 띄운다. 키보드 화살표를 이용해서 물고기를 10px씩 이동시킨다. 물고기 src:http://cfile6.uf.tistory.com/image/2637484856B21E3332B223 물고기 width:200px; position:relative; 수족관 width:700px; height:442px; border:2px solid grey; margin:auto; if문 ,Math.random, .animate를 알아야 합니다. 아래는 예제를 ..

트위터를 통해 크는 테러단체 트위터를 통해서 극우 테러단체 IS가 성장한다는 사실은 뉴스나 인터넷을 통해서 많이 알고 계실 겁니다. 이와 관련한 문제를 트위터 내부에서 느꼈기 때문에 지난해 2014년 4월달 이후 신고를 받아 테러행위를 조장하는 계정을 일시정지하는 발빠른 대응을 보여줬었습니다. 그 이후 트위터는 12월 트위터 규정을 개정해 이런 테러행위를 조장하는 계정에 대해서 영구적 동결조치를 시작했는데요, 이번달(2016-02-05)에 12만 5천건의 관련된 계정을 동결조치를 취했다고 발표했습니다. 테러리스트 관련 콘텐츠를 찾기 위한 마법의 알고리즘은 존재하지 않는다. 우리는 테러와 싸우기 위해 규정 강화를 지속하고, 전문가, 관련 조직등과 협력을 강화해 나갈 것. -트위터 SNS의 위력과 빠른 대응..

물고기 움직이기 이번 예제는 jquery로 이미지의 위치를 제어하는 방법을 담은 예제입니다. 예제의 조건은 다음과 같습니다. 물고기를 수평선 위에서 (왼쪽으로 이동)버튼을 누르면 왼쪽으로, (오른쪽으로 이동)버튼을 누르면 오른쪽으로 이동하게 한다. 키보드의 ←버튼을 누르면 왼쪽으로 20px, →버튼을 누르면 오른쪽으로 20px이동한다.. 수평선은 width: 300px; height: 2px; background-color: red; 물고기는 position: relative; width:40px;이다. 물고기 사진의 src주소는 http://cfile6.uf.tistory.com/image/2637484856B21E3332B223 아래는 예제를 완성시킨 모습입니다. 물고기 왼쪽물고기 오른쪽 오른쪽 왼쪽..