본문 바로가기

코딩과 알고리즘

제이쿼리 ( jQuery ) 의 세련된 다이얼로그 지난번 "자바스크립트 vs jQuery"편이 호응이 좋아서 jQuery 를 응용한 기능을 하나 소개하고자 합니다 :) https://itadventure.tistory.com/78 자바스크립트 vs 제이쿼리 ( JQuery ) 웹에서는 필수불가결 기술인 자바스크립트와 jQuery, 과연 어느것이 더 뛰어날까요? 오늘은 잠깐 시간 내어 관련 부분을 논해 봅니다. ​ 자바스크립트는 웹브라우저에서 작동하는 스크립트입니다. 서버 사이드가.. itadventure.tistory.com 바로 jQuery UI 중 다이얼로그창 기능 인데요. ​ 보통 표준 웹에서 다이얼로그하면 아래와 같은 창을 말합니다. 아주 전통적인 alert 창이지요. Confirm 이란 기능도 있긴 한데 버튼이 2개인거 빼고는 별 다를건 없습니.. 더보기
자바스크립트 vs 제이쿼리 ( JQuery ) 웹에서는 필수불가결 기술인 자바스크립트와 jQuery, 과연 어느것이 더 뛰어날까요? 오늘은 잠깐 시간 내어 관련 부분을 논해 봅니다. ​ 자바스크립트는 웹브라우저에서 작동하는 스크립트입니다. 서버 사이드가 아닌 클라이언트 기술이지요. 오래전부터 널리 사용되어 왔고 지금도 지속적으로 사용되고 있으며, 기능성 홈페이지 99% 이상이 이 기술을 사용하고 있다고 해도 과언이 아닐 겁니다. ​ 그렇다면 jQuery 는 무슨 기술일까요? jQuery 역시 자바스크립트입니다. 다만 자바스크립트로 빈번하게 사용되는 기능들을 약간 다른 형식으로 사용하게 만든 라이브러리입니다. 프로그램 언어에서 '라이브러리'란 '도서관'의 의미보다는 '기능덩어리'라고 이해하시면 됩니다. ​ 아래 샘플 웹페이지를 잠깐 보실까요? 이 웹페.. 더보기
영문장 깜박이 프로그램 업데이트 0.2베타 어린왕자 이야기 1장이 추가되었습니다. 프로그램을 실행하면 어린왕자 1장이 기본 이야기로 세팅되며, 제목란을 마우스 오른쪽 버튼으로 클릭하면 첫 출시원고인 '까마귀와 물병' 이야기를 선택하실 수 있습니다. 프로그램은 다음 URL 에서 다운받아 주세요. https://itadventure.tistory.com/76 영어공부 프로그램 영문장 깜박이 Beta ver 0.2 프로그램 소개 컴퓨터로 여가 생활을 즐기는 도중에도 영어공부를?! 화면의 큰 시야를 방해하지 않으면서도 한 켠에서 쉴새 없이 영문장과 계속해서 보여지는 직역해석이 자연스럽게 여러분의 뇌리에 박히지 않을.. itadventure.tistory.com 어린왕자 1장 원고 및 직역 해석. ​ The little prince 어린 왕자 Part 1.. 더보기
3차원 웹, 오우~ 돌핀! - 27번째 시간 돌고래는 인간 친화적인 동물로 알려져 있습니다. 우선 친근한 그 미소부터가 마음에 들지 않습니까? 크레이처럼 말이죠 :) 3차원 웹 가상 공간의 바닷가에 이 친근한 돌고래를 출현시켜보고 싶긴 하지만 아직 크레이의 실력으로는 블렌더로 이런 동물을 모델링할 정도는 안됩니다. ​ 그래서 생각해낸 것이 있습니다. 바로 무료 3D 모델이지요 :) ​ 그런게 있나요? 물론 있습니다. 어디 있냐구요? 여기 있지요. ​ https://free3d.com 무료 3D 모델 - Free3D.com free3d.com 사이트에 접속하면, 검색창이 나옵니다. 여기에 검색하고 싶은 3차원 모델명을 검색하면 무료 3차원 모델들이 나옵니다. 비록 그 양이 그렇게 많지는 않지만요 :) 그래도 꽤 있습니다. 과연 돌고래군도 여기에 있을.. 더보기
3차원 웹 VR 모드, 모바일로 보는 딴 세상 - 26번째 시간 요새 VR 이다 해서 가상세계와 가상현실이 각광받는 듯 합니다. 물론 아직은 컨텐츠의 부족으로 가뭄을 겪고 있는듯 하지만, 5G 모바일 통신체계가 자리잡히고 모바일 기기의 성능이 점점 좋아짐에 따라 컨텐츠 더욱 제작도 쉬워지겠지요. 모바일웹에서 사용하는 HTML5 웹표준 기술은 이미 이런 기술을 위한 준비를 몇년전부터 해왔고, 현 시대에는 표준화하여 대부분의 브라우저에서 이미 지원되고 있습니다. 영상 한번 보실까요? 앞 부분은 PC 웹이고, 뒷부분은 모바일웹입니다. ​ https://youtu.be/VJZPewzuf5w 이번 시간에는 지난 주에 이어, VR 모드를 추가하는 부분을 다뤄보도록 하겠습니다. 미리보기를 원하시는 분은 아래 URL 로 접속하시면 작동화면을 보실 수 있지요. http://dream.. 더보기
3차원 웹 캔버스, 원터치 버튼 이동! - 24번째 시간 https://youtu.be/cnARSpNaAV0 웹의 장점은 빠른 찾기 기능입니다. 지금도 언제든지 크레이의 블로그의 메뉴에서 찾고 싶은 메뉴를 클릭하면 언제든지 해당 메뉴 위치로 이동하지요. ​ 3차원 웹에서도 특정지점으로 이동하기 위해 마우스로 낑낑거리며 이동할 수도 있지만, 기왕이면 원클릭으로 한번에 이동하는 기능이 있으면 어떨까요? 이미 영상에서 보신 것처럼 가능합니다. 다만 3차원웹이기 때문에 2차원 웹과는 제공해야 할 정보가 좀 다르다고 할까요? 이를 위해서 카메라의 보는 시점 x, y, z 좌표와 바라볼 좌표 x, y, z 가 필요하지요. ​ 사실 3차원 좌표는 느낌으로 가늠하기란 정말 어려운데요. 먼저 지금 카메라의 3차원 좌표 지점을 늘 화면에 표시하면 어떨까요? 그래서 적당한 위치의.. 더보기
3차원 웹, 해가 뜨고 해가 지고, 23번째 시간 https://youtu.be/Zyi10Fgoqh0 3차원 웹 가상세계에서도 시계는 돌아갑니다. 똑딱똑딱- 마치 디즈니 애니메이션 겨울왕국에서 엘사와 함께 할 수 없어 시계만 마냥 바라보며 소리내는 안나처럼 말입니다 :) ​ 과거에는 시간을 측정하는 도구로서 해시계가 있었지요. 비록 비오는 날이면 무용지물이긴 하지만, 그래도 햇볓의 그림자로 시간을 알아낼 수 있었던 것은 조상들의 지혜가 아닌가 생각됩니다. ​ 모두가 태앙이 지구 주위를 회전한다는 천동설을 주장할 때에 갈릴레오 갈릴레이는 지구가 회전한다는 지동설을 주장하였지요. 협박에 못 이겨서 자신의 주장을 굽히면서도 '그대로 지구는 돈다'라고 되뇌이던 갈릴레오 갈릴레이의 주장은 지금에 와서야 그 사실이 더욱 확고해졌습니다. ​ 하지만, HTML5 3차.. 더보기
3차원 웹, 땅아 드러나라!, 캔버스와 함께하는 자바스크립트, 21번째 시간 하나님이 이르시되 천하의 물이 한 곳으로 모이고 뭍이 드러나라 하시니 그대로 되니라 하나님이 뭍을 땅이라 부르시고 모인 물을 바다라 부르시니 하나님이 보시기에 좋았더라 - 성서 창세기 1장 중에서 - 슈퍼북이라는 해외 컨텐츠 앞부분에 '천지창조' 영상이 나오는데 아주 끝내줍니다. 한번 감상하시고 가보시면 어떨른지요? :) 참고로 슈퍼북 공식 유튜브 사이트 공개 방식에 따라 링크되었습니다.​ https://youtu.be/fn-wEOpPsMo 불러오는 중입니다... 이번 시간에는 지난 시간에 이어 바다 위에 섬을 띄우는 방법을 다뤄보도록 하겠습니다. 섬의 모양은 블렌더에서 툴을 이용해서 비교적 쉽게 작업했는데요. ​ 역시 크레이가 제공하는 모델을 사용하면 되지만, 직접 블렌더로 만들어보실 분을 위해 약간의.. 더보기