잡스러운 것의 집합

웹어샘블리(webassembly, wasm)는 웹에서 이진코드를 직접 실행하도록 할 수 있다. 현재 우리가 사용하고 있는 대부분의 웹 브라우져들이 webassembly 1.0을 지원하고 있다. 웹에서 동작하는 것들을 만들기 위해서는 언어의 제약이 있었지만 webassembly(WASM)이 등장하면서 그 제한이 사라졌다. C, C++, RUST, GO, kotlin, pascal.... 와 같은 컴파일을 통하여 만들어진 이진코드가 웹에서 동작을 할 수 있는 것이다. 이를 위해서 javascript가 사용되고 .. 이진코드가 바로 실행되기 때문에 이점은 속도이다. 하지만 역시나 좋은 기술은 악용(?)되는데 뭔가 있다. 이 기술을 가장 많이 이용한 것은 다름아니라.. 가상화폐의 채굴이었다. 웹페이지에 접속을 ..

라즈베리파이 패키지 서버에는 ES6이 존재하고 그 이상을 설치하려면 다음과 같은 방법으로 한다.node.js 8을 설치 하려면 터미널에 다음과 같이 입력한다.curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - node.js 10을 설치 하려면 터미널에 다음과 같이 입력한다.curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - 위의 것을 입력하고 sudo 패스워드가 설정되어 있다면 입력하도록 하자.그러고 나면 솰라솰라... 일단 업데이트가 진행된다.위 과정이 다 끝나고 쉘 프롬프트가 나오면 아래의 명령어를 입력한다.sudo apt-get install -y nodejs 쏼라쏼라 설치가 ..

미국 Google Inc.은 13 일 (현지 시간) "Dart SDK 1.0 '을 공개했다. "Dart SDK"는 동사가 개발 한 프로그래밍 언어 'Dart'소프트웨어 개발 키트에서 이 버전이 처음으로 안정된 버전이다. 현재 공식 사이트에서 Windows / Mac OS X / Linux 용 패키지를 무료로 다운로드 가능하다. "Dart '는 비교적 큰 Web 어플리케이션의 개발을 목적으로 한 오픈 소스 프로그래밍 언어입니다. 대규모 개발은 필수되면서 현재의 JavaScript는 부족한 구조적 기능이 많이 포함되어있다. "Dart"는 "Dart VM"라는 가상 머신에서 작동하는 다른 라이브러리 "dart2js"에서 JavaScript로 변환하여 사용할 수 있습니다. JavaScript로 변환해 버리면, ..

미국 Google Inc.은 6 일 (현지 시간) JavaScript의 성능을 측정 할 수 있는 벤치 마크 스위트 "Octane"최신 버전 "Octane 2.0"을 공개했다. "Octane"는 "V8 Benchmark Suite"의 후계가 는 벤치 마크. 2012 년에 출시"Octane 1.0"은 단위 시간당 처리 능력 측정을 목적으로 한 13 테스트로 구성되어 있었지만, "Octane 2.0"에서는 최근 트렌드에 대응한 새로운 4 개의 테스트가 추가 되었다. 예를 들어, 최근 문제가 되고 있는 것이 풍부한 콘텐츠를 동작시킬 때의 문제점이다. "Octane 2.0"에 새로 추가 된 "SplayLatency"또는 "MandreelLatency"를 이용하면 가비지 컬렉션 (필요없는 메모리 영역을 자동 개방 ..

미국 Adobe Systems Incorporated는 14 일 (현지 시간) 오픈 소스 코드 편집기 "Brackets '의 최신 버전 Sprint 32를 공개했다. Windows XP/Vista/7/8 및 Mac OSX (10.6/10.7/10.8)에서 동작하는 무료 소프트웨어로, 공식 사이트에서 다운로드 할 수 있다. "Brackets"는 HTML / CSS / JavaScript를 작성하기 위한 코드 편집기로 다른 파일에 포함 된 CSS / JavaScript를 인라인 편집 할 수 있도록 하고 "빠른 수정"또는 편집중인 HTML을 "Google Chrome"실시간 미리 볼 수 있는 "라이브 미리보기"라는 독특한 기능을 가지고 있다. 이 버전에서는 이 "라이브 미리보기"기능이 한층 더 강화되어 편집중..

여러가지 효과를 주다 보면 중단을 시켜야할 때도 있다. 그럴때 사용하는 것이 stop 이다. 구문은 다음과 같다. $(selector).stop(stopAll, gotToEnd); 일단 두상(head)과 몸뚱아리를 만들어 어떻게 동작을 하는지 보도록 하자. $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle(10000); }); $("#stop").click(function(){ $("#panel").stop(); }); }); 몸통은 다음과 같이 작성한다. 이놈 꼼짝마 클릭하시면 쑥쑥 자라나요. 은행 이자가 이렇게 늘어나면 좋겠는데 상단부를 누르면 자라목과 같이 슉하고 나오는데 그 동안에 상단의 버튼을 누르..

다른 이펙트보다 더 동적인 움직임을 표현할 수 있습니다. animate의 구문은 다음과 같습니다. $(selector).animate({params},speed,callback); // {params} 에 들어가는 것은 해당 요소를 꾸미는 것입니다. CSS 일단 어떤 동작을 하는지 보기 위해서 머리(head) 부분에 다음과 같이 입력합니다. 몸뚱아리(body)를 꾸며야 동작을 하는걸 볼수 있겠죠? 투포환 선수 폭탄 입니다. 버튼을 누르게 되면 처음에 있던 자리에서 왼쪽으로 350픽셀만큼 이동합니다. 그럼 조금 더 다른 것을 해보겠습니다. head에서 조금만 변경합니다. $("div").animate({left:'350px'}); // 위처럼 되어 있는 곳을 아래와 같이 바꿉니다. $("div").anim..

축구에 보면 슬라이딩이라는 말이 있다. 미끄러지면서 상대방의 공을 뺏는 것을 말한다. 물론 여러곳에서 쓰이지만 jQuery 이펙트에도 이런 형태의 효과가 있다. sliding 은 다음과 같은 것이 있다. $().slideDown();// 아래쪽으로 미끄러지는 효과 $().slideUp();// 위쪽으로 미끄러지는 효과 $().slideToggle();// 오르락 내리락 반복하는 효과 Down + UP 그럼 일단 대가리 아니 head에 들어가는 부분을 다음과 같이 작성한다. jQuery를 포함하는 구문은 생략한다. 몸뚱아리(body) 부분에는 다음과 같이 작성을 한다. 19금 아니여도 클릭해주세요. 이렇게 슝하고 나오는 겁니다. 아래로 툭 하고 튀어나오는 것을 볼수 있을 겁니다. 이제 슉 들어가는 slid..

이미지 또는 글을 간단하게 슬라이딩(Slideshow plugin for the Tabs with jquery) 이미지나 글들이 일정한 시간에 따라 변하는 것을 본적이 있을 것이다. 이것을 적용하는 방법은 여러가지가 있는데 그중 하나를 적어봅니다. 1. jQuery를 사용하려면 항상 해야 하는 것이 있다.jQuery 파일을 html에 넣어주어야 한다.다음은 구글 CDN에서 받아도로록 하는 것이다.html 문서 처음에 있는 head 부분에 넣어주도록 한다. 2. css를 넣는다. 기존에 가지고 있던 파일에 추가하거나 새로운 파일을 만들어 html에 넣어준다. /* container for slides */ .images { background:#fff url(h3.png) repeat-x; border:1..

클라우드 붐이 불면서 프로그래밍에 관한 것도 웹 브라우저 상에서 가능하게 되었다.물론 여러가지 제약들이 있기는 하지만 여러가지 이점도 있다. 코드런이라는 사이트이다.여기서 지원하는 것은 ASP.NET, php, Ajax 어플들을 지원한다. http://www.coderun.com/ 사이트에 접속하면 첫화면에 IDE 시작이 보인다.또는 우측 상단에 있는데 그것을 이용해도 된다. 코드런에서 지원하는 것들에 대한 리스트는 다음과 같다.C# / ASP.NET, C# / WPF, C# / Sliverlight, PHP, JavaScript, HTML, CSS등을 지원한다. IDE로 들어가 생성할 수 있는 프로젝트들은 다음과 같다. 사용법은 일반 IDE와 같으니 별 문제는 없을 것이다.코드런으로 작업했던 프로젝트들..

jQuery는 자바스크립트 라이브러리로 복잡한 상호작용을 하는 자바스크립트를 쉽게 추가할수 있도록 해주면서 다양한 웹 브라우저에서 동작하도록 만들어 준다. IE6-9, FireFox, Safari, Chrome, Opera등등을 지원하고 있다. jQuery는 많은 개발자들이 사용하고 있고 마이크로소트프(MS)는 ASP.NET AJAX, ASP.NET MVC등 프레임워크에도 적용을 하였다. 노키아(Nokia)는 자사의 런타입 웹 위젯 개발 플랫폼에 통합하였다. jQuery로 무엇을 할 수 있는가? jQuery API 페이지에 자세한 내용이 있다. http://api.jquery.com/ 몇가지 추려보면 DOM을 통한 CSS제어 데이터 제어 특수효과 및 애니메이션 AJAX 일관된 이벤트 액션 등등 많은 것을..