IT & CODE 이야기

갤러리 배열 이번 예제는 jquery로 이미지를 제어하는 방법을 담은 예제입니다. 예제의 조건은 다음과 같습니다. 이미지들을 100*100 px의 크기로 x간격, y간격으로 배열한다 x간격, y간격, 1줄의 이미지 갯수를 input태그로 받아서 버튼을 누르면 그대로 나타나게 한다. 키보드의 +버튼과 -버튼을 누르면 이미지가 추가되었다가 제거되었다가 하게 한다. 아래는 예제를 완성시킨 모습입니다. 이 예제의 코드 갤러리 배열 +버튼으로 이미지 추가, -버튼으로 이미지 제거 x간격: y간격: 1줄에 이미지 갯수:

블로그란 어떤 것인가? 블로그와 비슷한 개념들로는 다음 것들이 있습니다. 페이스북과 인스타그램 트위터 인터넷 신문 브런치, 네이버 포스트 같은 가두리형 게시글 플랫폼 글을 쓴다는 것은 자기 표현의 방식입니다. 인터넷에 게시글을 올리는 이유는 당연히 많은 사람들이 볼수 있는 글을 쓰기 위해서 입니다. 그렇다면 그 생각을 담을 그릇으로 왜 블로그를 선택했는지, 또 블로그라는 도구가 이 생각을 담기 적합한지 한번은 고민해 봐야 합니다. 하나하나의 플랫폼에 대해서 설명하면서 한번 블로그와 어떤 점이 다른지, 또 어떤 면 때문에 블로그를 선택해야 하는지 생각해보시길 바랍니다. 타임라인형 SNS 서비스: 페이스북 인스타그램 트위터 SNS라는 건 Social Network Service 의 줄임말이죠. 바로 공유와 ..

8일 중국 포털사이트 시나닷컴은 정보기술(IT) 전문매체 IT168을 인용해 홍미3의 고급판으로 추정되는 모델 4종이 중국 전자제품인증인 3C인증(China Compulsory Certification)을 받은 것으로 확인됐다고합니다. 이 제품은 홍미3의 업그레이드 버전일 가능성이 높다는 것이 현지 매체의 분석입니다. 램 용량을 2GB에서 3GB로, 내장메모리를 16GB에서 32GB로 늘릴 수 있다는 것이다. 아울러 지문인식 기능이 추가되거나 홍미3에 탑재된 퀄컴 스냅드래곤616이 미디어텍 헬리오 P10으로 대체될 가능성도 배제할 수 없다. 디자인은 현재 홍미3와 같을 것으로 예상된다. 출처 - 샤오미, 홍미3 고급판 출시?.. 추정모델 포착 (파이낸셜 뉴스) 구체적인 스펙의 변화 기사의 본문에서 언급된..

삼성의 자사 인터넷 앱이 광고를 차단할수 있게 허용하다. 구글의 기업 가치가 실질적으로 이미 세계 최고라는 이야기가 나올때 쯤부터 "광고"에 대한 새로운 이슈가 계속해서 나타나고 있습니다. 바로 광고 차단에 대한 내용인데요, 브레이브 브라우져, 애플의 사파리에 광고 차단 기능을 추가하겠다고 한 발표등등 관련된 이슈가 계속해서 부각되고 있습니다. 이는 바로 모바일 광고 시장이 점점 커짐에 따라서 이익을 보는 구글을 견제하기 위한 반작용과 그 시장을 분할해서 가져가고픈 다른 기업들의 바램이 담겨있기 때문인 것 같습니다.삼성도 이런 기류에 발맞춰 구글 플레이스토어에 조용히 올라있는 인터넷 포 삼성갤럭시 앱에 광고차단 API를 추가한 자사 인터넷 브라우저의 업데이트를 발표했습니다. 쉽게 설명해서 자사 기기들이 ..

마이크로소프트의 프로젝트 나티크 모든 IT기기들은 발열의 문제가 옛날부터 항상 골칫거리였습니다. 필연적으로 발생하는 발열문제는 요즘 시대에 접어들면서 발열의 문제는 집적도 높은 CPU, 그리고 SSD가 상당부분 해결해 주었습니다. 하지만 아직도 발열의 문제에서 자유롭지 못한 컴퓨터가 있는데 그건 바로 서버컴퓨터입니다. 이런 서버컴퓨터의 발열 문제를 해결하면서 바다 근처에 거주하는 사용자들에게 낮은 데이터 지연을 위해 마이크로소프트가 고안해 낸 방식이 바로 해저 데이터 서버인 것이죠.이 프로젝트의 첫 시작은 미국 해군 잠수함에서 복무한 마이크로소프트 직원 션 제임스가 구상도를 제출하면서 시작되었다고 합니다. 이후 약 1년간 설계, 건설, 배치를 직접 담당한 마이크로소프트는 2014년 후반에 해저 데이터센터..

블로그를 위한 TIP 게시물 작성의 취지 저는 파워블로그를 만들어 본 적은 없지만 그래도 5년 남짓 블로그에 관심을 갖게 되면서 블로그 입문자를 위한 글들이 다 거기서 거기라는 점을 느꼈습니다. 정보를 종합하여 다른 사람에게 알려주고, 이 블로그를 운영하시는 공동 집필진과 티스토리 초대자들을 위해 이 카테고리를 만들었습니다. 계획안 블로그를 만들어 보자 블로그란 무엇인가: 여타 플랫폼을 통해 본 블로그 들어가기 전에: 블로그의 주제와 방향성 각 포털 블로그의 특징과 장단점 사설 블로그의 특징과 장단점 블로그의 초기 운영 블로그의 스킨설정: 반응형 스킨이란 무엇인가? 검색등록으로 검색유입을 만들자! 검색등록으로 조회수 높이기 [고급] 한층 어려운 검색등록 팁 블로그로 수익내기: 애드센스 애드센스의 종류와 ..

Stagefright 보안 취약점의 발견 보안 업체인 짐페리엄 모바일 시큐리티(Zimperium Mobile Security)는 2015년 7월달에 Stagefright라는 보안 취약점을 발견했다고 발표했습니다. 이 악성코드가 얼마나 위험하냐면 코드를 담은 영상 메시지를 보내면 단말기에 원격 접속할 수 있다고 합니다. 원격 접속을 한다는 것은 root 권한 외의 거의 모든 사용자 권한을 탈취한다는 것을 의미하기 때문에 매우 위험한데요, 이런 보안 취약점에 대해 구글은 두번의 시도(2015-08) 끝에 관련된 보안사항을 패치합니다. 안드로이드의 파편화가 가져온 느린 대응 그렇다면 무엇이 문제가 되느냐… 구글의 패치는 구글이 관리하는 Nexus에만 국한된 패치라는 점입니다. 안드로이드는 오픈 소스 OS입니다..

이번 예제는 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 아래는 예제를 완성시킨 모습입니다. 물고기 왼쪽물고기 오른쪽 오른쪽 왼쪽..